JS實作AJAX局部刷新（附程式碼）

這次帶給大家JS實作AJAX局部刷新（附程式碼），JS實作AJAX局部刷新的注意事項有哪些，以下就是實戰案例，一起來看一下。

AJAX即「Asynchronous Javascript And XML」（非同步JavaScript和XML），是指一種建立互動式網頁應用程式的網頁開發技術。

AJAX = 非同步 JavaScript和XML（標準通用標記語言的子集）。

AJAX 是一種用於建立快速動態網頁的技術。

以下跟大家介紹JS實作AJAX局部刷新功能，具體內容如下所示：

透過在後台與伺服器進行少量資料交換，AJAX 可以讓網頁實作非同步更新。這意味著可以在不重新載入整個網頁的情況下，對網頁的某個部分進行更新。

// 创建XMLHttpRequest对象
 var xhr=new XMLHttpRequest();
  
 // 请求行
 xhr.open('post','03-ajaxPost.php');
 //请求头
 xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
 //请求主体 post send 设置数据
 xhr.send('name='+txt);
  
 //监听服务器的响应
 xhr.onreadystatechange=function(){
 if(xhr.readyState==4&&xhr.status==200){ //这里表示接受服务器的响应成功的时候
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 }
 }

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

Ajax如何實現城市二級連動

Ajax優化頁面刷新的兩種方法

以上是JS實作AJAX局部刷新（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！