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

10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先做網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有定南免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

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

3. 對流媒體還有移動設(shè)備的支持不是太好等.
   二. Get 和Post的區(qū)別:
   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>

   區(qū)別:

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

三:編寫一個Ajax:
1.創(chuàng)建一個ajax對象,
2.鏈接到服務(wù)器,
3.發(fā)送請求 ,
4.接收返回值,

(1)  創(chuàng)建一個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作為參數(shù),應(yīng)為直接XMLHttpRequest做條件,IE6會直接報錯,

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

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

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

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

                   }
             }
         } 
  }

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

異步請求：發(fā)生請求后，無需等到服務(wù)器執(zhí)行完畢，可以繼續(xù)執(zhí)行當前代碼。

到此，相信大家對“js中Ajax的作用、優(yōu)缺點以及實例用法”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習！

網(wǎng)頁名稱：js中Ajax的作用、優(yōu)缺點以及實例用法
分享地址：http://www.ekvhdxd.cn/article28/ijiojp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計、全網(wǎng)營銷推廣、靜態(tài)網(wǎng)站、微信公眾號、動態(tài)網(wǎng)站、標簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)