AJAX:即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。本文重點給大家介紹原生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("錯誤！！！");}})})``````java $("#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 個人總結，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

總結

以上是生活随笔為你收集整理的原生Aajax 和jQuery Ajax 写法个人总结（简单）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。