ajax的工作原理以及異步請(qǐng)求的封裝介紹
來(lái)源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 22:52:21
ajax的工作原理以及異步請(qǐng)求的封裝介紹
ajax的工作原理以及異步請(qǐng)求的封裝介紹: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)求
導(dǎo)讀ajax的工作原理以及異步請(qǐng)求的封裝介紹: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)求
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)求的封裝：
代碼如下:
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ì)。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
ajax的工作原理以及異步請(qǐng)求的封裝介紹
ajax的工作原理以及異步請(qǐng)求的封裝介紹: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)求
