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

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。

AJAX = 異步 JavaScript和XML（標(biāo)準(zhǔn)通用標(biāo)記語言的子集）。

AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。

下面給大家介紹JS實現(xiàn)AJAX局部刷新功能，具體內(nèi)容如下所示：

通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

// 創(chuàng)建XMLHttpRequest對象
 var xhr=new XMLHttpRequest();
  
 // 請求行
 xhr.open('post','03-ajaxPost.php');
 //請求頭
 xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
 //請求主體 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)成功的時候
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 }
 } 

以上所述是小編給大家介紹的純JS實現(xiàn)AJAX局部刷新功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！