快捷導航

原生Aajax 和jQuery Ajax 寫法個人總結(jié)

更新時間：2017年03月24日 10:11:01 作者：小三爺2

AJAX:即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。本文重點給大家介紹原生Aajax 和jQuery Ajax 個人總結(jié)，一起看看吧

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

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

傳統(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為同步）。

　　　　　　當請求方式為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("錯誤?。?！");
   }
  })
 })

以上所述是小編給大家介紹的原生Aajax 和jQuery Ajax 個人總結(jié)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: