這次帶給大家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中文網其它相關文章!
推薦閱讀:
以上是JS實作AJAX局部刷新(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!