欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ajax的工作原理以及異步請(qǐng)求的封裝介紹

 更新時(shí)間：2013年09月23日 09:13:47   作者：  
客戶端通過(guò)瀏覽器的內(nèi)置對(duì)象XMLHttpRequest來(lái)發(fā)送異步請(qǐng)求，當(dāng)服務(wù)器返回響應(yīng)時(shí)，會(huì)調(diào)用先前注冊(cè)的回調(diào)函數(shù)，異步請(qǐng)求不會(huì)阻塞客戶端的操作，達(dá)到頁(yè)面無(wú)法刷新就可以更新數(shù)據(jù)的效果
Ajax原理：
客戶端通過(guò)瀏覽器的內(nèi)置對(duì)象XMLHttpRequest來(lái)發(fā)送異步請(qǐng)求，當(dāng)服務(wù)器返回響應(yīng)時(shí)，會(huì)調(diào)用先前注冊(cè)的回調(diào)函數(shù)，在回調(diào)函數(shù)中可以使用javascript操作DOM來(lái)更新頁(yè)面，異步請(qǐng)求不會(huì)阻塞客戶端的操作，達(dá)到頁(yè)面無(wú)法刷新就可以更新數(shù)據(jù)的效果。
異步請(qǐng)求的封裝：
復(fù)制代碼 代碼如下:

var xhr=false;
//step1:創(chuàng)建一個(gè)兼容瀏覽器各個(gè)版本的XMLHttpRequest對(duì)象
if (window.XMLHttpRequest) { //IE7+, Firefox, Chrome, Opera, Safari
xhr = new XMLHttpRequest();
} else {
if (window.ActiveXObject) { //IE瀏覽器
xhr = new ActiveXObject("Microsoft.XMLHTTP");//IE5+
}
}
//step2:設(shè)置回調(diào)函數(shù)
xhr.onreadystatechange = myCallback;
//step3:創(chuàng)建一個(gè)異步請(qǐng)求
xhr.open("method", "url", true);
//如果是post：要設(shè)置請(qǐng)求消息體數(shù)據(jù)的編碼方式
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//step4:發(fā)送異步請(qǐng)求
xhr.send(content); //如果是get方式 content為null，若為post，content為“名=值”對(duì)。

相關(guān)文章

最新評(píng)論