純JS實(shí)現(xiàn)AJAX局部刷新功能

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開發(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)容如下所示：

通過在后臺(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)聽服務(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ì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！