首頁 > web前端 > js教程 > JS實作AJAX局部刷新(附程式碼)

JS實作AJAX局部刷新(附程式碼)

php中世界最好的语言
發布: 2018-04-02 14:38:04
原創
2090 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板