原生Aajax和jQueryAjax寫(xiě)法有哪些

這篇文章主要介紹原生Aajax和jQuery Ajax寫(xiě)法有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站是網(wǎng)站建設(shè)專家,致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營(yíng)銷，專業(yè)領(lǐng)域包括成都做網(wǎng)站、網(wǎng)站建設(shè)、電商網(wǎng)站制作開(kāi)發(fā)、小程序定制開(kāi)發(fā)、微信營(yíng)銷、系統(tǒng)平臺(tái)開(kāi)發(fā)，與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開(kāi)發(fā)公司不同，我們的整合解決方案結(jié)合了恒基網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營(yíng)銷的理念，并將策略和執(zhí)行緊密結(jié)合，且不斷評(píng)估并優(yōu)化我們的方案，為客戶提供全方位的互聯(lián)網(wǎng)品牌整合方案！

AJAX:即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。

通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。

傳統(tǒng)的網(wǎng)頁(yè)（不使用 AJAX）如果需要更新內(nèi)容，必須重載整個(gè)網(wǎng)頁(yè)頁(yè)面。

一個(gè)完整的HTTP請(qǐng)求：由請(qǐng)求方式、URL、請(qǐng)求頭和請(qǐng)求體組成；

一個(gè)完整的HTTP響應(yīng)：由狀態(tài)碼、響應(yīng)頭、響應(yīng)體組成；

http狀態(tài)碼：1開(kāi)頭代表信息類正在處理、2開(kāi)頭代表請(qǐng)求成功200 OK、3開(kāi)頭代表重定向、4開(kāi)頭代表客戶端錯(cuò)誤 404、5開(kāi)頭代表服務(wù)器錯(cuò)誤；

響應(yīng)狀態(tài)：0,1,2,3,4 4代表響應(yīng)成功。

open方法中的第三個(gè)參數(shù)代表是否異步（TRUE為異步 FALSE為同步）。

當(dāng)請(qǐng)求方式為POST時(shí)，open方法后面要設(shè)置請(qǐng)求頭（xmlhttp.setResponseHeader("")）send方法中要加入；　　　　

原生JavaScript寫(xiě)法：

var xhr;
  function rukou()//入口函數(shù)
  {
   xhr=getxhr();
   if(xhr==null)
   {
    alert("瀏覽器不支持！");
   }
   var url="";
   xhr.onreadystatechange=fanhui;
   xhr.open("GET",url,true);
   xhr.send(null);
  }
  function fanhui()//請(qǐng)求成功的回調(diào)函數(shù)
  {
   if(readyState==4)
   {
    document.getElementById("xx").innerHTML=xhr.responseText;
   }
  }
  function getxhr()//獲取xmlhttp對(duì)象
  {
   xhr=null;
   try{
    xhr=new XMLHttpRequest();
   }
   catch(e)
   {
    xhr=new ActiveXObject("Microsoft.XMLHTTP");
   }
  }

jQuery中的ajax寫(xiě)法：

$("#tijiao").click(function(){
  $.ajax({
   type:"GET",
   url:"http://localhost/AJAX/test.php?name="+$("#name").val()+"&phone="+$("#phone").val(),
   dataType:"json",
   success:function(data){
    $("#success").html(data.msg);
   },
   error:function(){
    alert("錯(cuò)誤！?。?quot;);
   }
  })
 })

$("#tijiao").click(function(){
  $.ajax({
   type:"POST",
   url:"test.php",
   data:{
    name:$("#name").val(),
    phone:$("#phone").val()
   },
   dataType:"json",
   success:function(data){
    $("#success").html(data.msg);
   },
   error:function(){
    alert("錯(cuò)誤?。?！");
   }
  })
 })

以上是“原生Aajax和jQuery Ajax寫(xiě)法有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標(biāo)題：原生Aajax和jQueryAjax寫(xiě)法有哪些
當(dāng)前URL：http://muchs.cn/article14/jsoige.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、做網(wǎng)站、靜態(tài)網(wǎng)站、品牌網(wǎng)站制作、App開(kāi)發(fā)、定制開(kāi)發(fā)

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

猜你還喜歡下面的內(nèi)容