原生Aajax和jQuery Ajax寫法有哪些

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

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

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

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

　　　　　　一個完整的HTTP請求：由請求方式、URL、請求頭和請求體組成；

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

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

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

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

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

　　原生JavaScript寫法：

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()//請求成功的回調(diào)函數(shù)
  {
   if(readyState==4)
   {
    document.getElementById("xx").innerHTML=xhr.responseText;
   }
  }
  function getxhr()//獲取xmlhttp對象
  {
   xhr=null;
   try{
    xhr=new XMLHttpRequest();
   }
   catch(e)
   {
    xhr=new ActiveXObject("Microsoft.XMLHTTP");
   }
  }

　　　　　　jQuery中的ajax寫法：

$("#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("錯誤?。?！");
   }
  })
 })

$("#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("錯誤?。。?quot;);
   }
  })
 })

以上是“原生Aajax和jQuery Ajax寫法有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！