原生Aajax和jQuery Ajax寫法有哪些

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

AJAX:即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。

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

傳統的網頁（不使用 AJAX）如果需要更新內容，必須重載整個網頁頁面。

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

　　　　　　一個完整的HTTP響應：由狀態碼、響應頭、響應體組成；

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

　　　　　　響應狀態：0,1,2,3,4  4代表響應成功。

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

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

　　原生JavaScript寫法：

var xhr;
  function rukou()//入口函數
  {
   xhr=getxhr();
   if(xhr==null)
   {
    alert("瀏覽器不支持！");
   }
   var url="";
   xhr.onreadystatechange=fanhui;
   xhr.open("GET",url,true);
   xhr.send(null);
  }
  function fanhui()//請求成功的回調函數
  {
   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("錯誤！！！");
   }
  })
 })

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