js中Ajax的作用、優缺點以及實例用法

本篇內容主要講解“js中Ajax的作用、優缺點以及實例用法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“js中Ajax的作用、優缺點以及實例用法”吧!

js中的Ajax總結.
一.ajax的作用:
1.就是讓js去讀服務器上面的數據.
2.無刷新的情況下讀取服務器上面的數據,例如:驗證賬號和密碼是否正確等.
(1)ajax的優點:
1.減少冗余請求和響應對服務造成的負擔.
2.無刷新更新頁面,帶來更好的用戶體驗.
3.減輕服務器速寫的負擔，節約空間和寬帶租用成本。
4.采用異步提交,讀寫速度更快.
(2)ajax的缺點：
1.AJAX大量的使用了javascript和ajax引擎,這些取決于瀏覽器的支持.在編寫的時候考慮對瀏覽器的兼容性

2. AJAX只是局部刷新,所以頁面的后退按鈕是沒有用的.

3. 對流媒體還有移動設備的支持不是太好等.
   二. Get 和Post的區別:
   get方式:常見的表單提交方式:將值在url后面提交;?名字=值&名字=值格.
   提交表單例子:
   <form  action="www.baidu.com " method="get" (默認是get方式)>
   姓名:<input type="text" name="userName"></br>
   密碼:<input type="password" name="password">
   <input type="submit" value="提交">
   </from>

   區別:

   1.get方式是通過網址進行傳遞數據的,post是通過http中Content進行傳遞的.
   2.get容量小,不適合傳遞大數據,(一般4k-10k),post方式容量相對大很多,一般服務器可以達到2G容量.
   3.對于太大的文件,就不會走post,走控件.
   4.get方式安全性差,post相對來說會好一點,一幫安全只能走https.
   5.get方式是有緩存的,post沒有緩存. get更適合向服務器獲取數據,post更適合向服務器傳遞數據,

三:編寫一個Ajax:
1.創建一個ajax對象,
2.鏈接到服務器,
3.發送請求 ,
4.接收返回值,

(1)  創建一個ajax對象
var  oAjax  = new  XMLHttpRequest()//不支持IE6
var  oAjax  = new  ActiveXObject ("microsoft.XMLHTTP");//支持IE6

 解決兼容性:
        if(window.XMLHttpRequest)
         {
         var  oAjax   = new XMLHttpRequest();
         }
         else
         {
          var  oAjax   = new  ActivexObject("Microsoft.XMLHTTP")
         }

     為什么要用window.XMLHttpRequest作為參數,應為直接XMLHttpRequest做條件,IE6會直接報錯,

     但是把XMLHttpRequest作為屬性,IE只會報undefined剛好滿足我們的條件.

 (2)鏈接服務器
  oAjax.open('Get',url,true)
  同步:一步步來.
  異步:多件事一起來.
(3)發送請求
  oAjax.send();
(4)接受返回
   oAjax.onreadystatechange = function()
  { 
       //瀏覽器和服務器進行到哪一步了.
       if(oAjax.readyState==4)//讀取完成
        { 

             if(oAjax.status==200)//讀取成功
             {
                   fnSuccess(oAjax.responseText)

             }else if( fnfaild)
                  {
                     fnfaild(oAjax.status);

                   }
             }
         } 
  }

readystatus                            描述
0      (未初始化)還沒有調用open()方法
1      (載入)一調用send()方法,怎在發送請求
2      (載入完成)send()方法完成,已收到全部響應內容
3      (解析)正在解析響應內容
4      (完成)響應內容解析完成,可以客戶調用了
同步請求：發生請求后，要等待服務器執行完畢才繼續執行當前代碼。

異步請求：發生請求后，無需等到服務器執行完畢，可以繼續執行當前代碼。

到此，相信大家對“js中Ajax的作用、優缺點以及實例用法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！