AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。
AJAX = 異步 JavaScript和XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集)。
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。
下面給大家介紹JS實(shí)現(xiàn)AJAX局部刷新功能,具體內(nèi)容如下所示:
通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下,對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。
// 創(chuàng)建XMLHttpRequest對(duì)象
var xhr=new XMLHttpRequest();
// 請(qǐng)求行
xhr.open('post','03-ajaxPost.php');
//請(qǐng)求頭
xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
//請(qǐng)求主體 post send 設(shè)置數(shù)據(jù)
xhr.send('name='+txt);
//監(jiān)聽(tīng)服務(wù)器的響應(yīng)
xhr.onreadystatechange=function(){
if(xhr.readyState==4xhr.status==200){ //這里表示接受服務(wù)器的響應(yīng)成功的時(shí)候
var r=xhr.responseText;
document.querySelector('.info').innerHTML=r;
}
}
以上所述是小編給大家介紹的純JS實(shí)現(xiàn)AJAX局部刷新功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
您可能感興趣的文章:- JQuery的Ajax請(qǐng)求實(shí)現(xiàn)局部刷新的簡(jiǎn)單實(shí)例
- jQuery+ajax實(shí)現(xiàn)局部刷新的兩種方法
- ajax局部刷新一個(gè)div下jsp內(nèi)容的方法
- jquery ajax 局部刷新小案例
- ajax局部刷新實(shí)例 (三種方法推薦)
- Ajax實(shí)現(xiàn)帶有驗(yàn)證碼的局部刷新登錄界面
- AJAX的原理—如何做到異步和局部刷新【實(shí)現(xiàn)代碼】
- 利用ajax實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)驗(yàn)證局部刷新實(shí)例
- Ajax局部刷新應(yīng)用案例---簡(jiǎn)單登錄
- Ajax實(shí)現(xiàn)局部刷新的方法實(shí)例