原生Aajax 和jQuery Ajax 寫法個人總結
AJAX:即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術。
通過在后臺與服務器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。
傳統(tǒng)的網(wǎng)頁（不使用 AJAX）如果需要更新內容，必須重載整個網(wǎng)頁頁面。
一個完整的HTTP請求：由請求方式、URL、請求頭和請求體組成；
一個完整的HTTP響應：由狀態(tài)碼、響應頭、響應體組成；
http狀態(tài)碼：1開頭 代表信息類 正在處理、2開頭代表請求成功200 OK、3開頭代表重定向、4開頭代表客戶端錯誤 404、5開頭代表服務器錯誤；
響應狀態(tài)：0,1,2,3,4 4代表響應成功。
open方法中的第三個參數(shù)代表是否異步（TRUE為異步 FALSE為同步）。
當請求方式為POST時，open方法后面要設置請求頭（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()//請求成功的回調函數(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 個人總結，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
![jQuery對象[0]是什么含義？](http://img.jbzj.com/images/xgimg/bcimg0.png)
s[0]倒底是什么？(s為jQuery對象)2010-07-07
本篇文章為大家展示了如何在jquery中使用eq()方法，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲2015-01-01
圣誕節(jié)Merry Christmas給博客添加浪漫的下雪效果基于jquery實現(xiàn)
一年一度的圣誕節(jié)又到了，首先祝大家好運一串串，健康一年年，平安到永遠！今天就教大家如何在博客中添加紛紛揚揚的下雪效果。今天，你那里下雪了嗎2012-12-12
QRCode.js：基于JQuery的生成二維碼JS庫的使用
本篇文章主要介紹了QRCode.js：基于JQuery的生成二維碼JS庫的使用，具有一定的參考價值，有興趣的同學可以了解一下2017-06-06
本文給大家介紹的是一款基于jQuery實現(xiàn)放淘寶套餐選擇的插件，主要是基于本地json數(shù)據(jù)的選擇列創(chuàng)建，有需要的小伙伴參考下。2015-03-03
在jquery中我們要動態(tài)的修改css屬性我們只要使用css()方法就可以實現(xiàn)了，下面我來給大家詳細介紹介紹。2015-05-05
下面小編就為大家?guī)硪黄猨q checkbox 的全選并ajax傳參的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
jQuery is not defined 錯誤原因與解決方法小結
今天在測試一個程序的時候，明顯已經(jīng)加載了jquery但總是提示jQuery is not defined，經(jīng)過多方測試終于發(fā)現(xiàn)了問題，這里簡單總結一下,需要的朋友可以參考下2017-03-03
最近做了這樣一個功能，讓用戶輸入手機發(fā)送驗證碼，輸完11位手機號后，自動隱藏鍵盤。下面通過本文給大家分享實現(xiàn)方法，一起看看吧2017-01-01
這篇文章主要介紹了jQuery實現(xiàn)列表的增加和刪除功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2018-06-06