Ajax的基本原理
Ajax其實(shí)是異步的JavaScript和XML,發(fā)送ajax請求到網(wǎng)站更新一般分為三步:發(fā)送請求姨俩、解析內(nèi)容蘸拔、渲染頁面
發(fā)送請求:
var xmlhttp;
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","/ajax/",true);
xmlhttp.send();
這是JavaScript對ajax最底層的封裝,open()
和send()
方法向服務(wù)器發(fā)送請求,onreadystatechange
屬性設(shè)置監(jiān)聽,當(dāng)接收到請求后會在次方法內(nèi)解析內(nèi)容环葵,然后渲染頁面
查看分析請求:
Ajax是一個(gè)特殊的請求類型调窍,叫做xhr,同時(shí)使用F12查看具有ajax請求的站點(diǎn)积担,在Request Headers中可以找到X-Requested-With:XMLHttpRequest陨晶,這個(gè)就標(biāo)識了該請求是ajax請求,preview可以看到返回的響應(yīng)內(nèi)容,若是json格式先誉,chrome會自動解析湿刽,方便查閱
剛學(xué)習(xí),不正確的地方請告訴一下我T_T