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==4xhr.status==200){ //這里表示接受服務器的響應成功的時候
var r=xhr.responseText;
document.querySelector('.info').innerHTML=r;
}
}
以上所述是小編給大家介紹的純JS實現AJAX局部刷新功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
您可能感興趣的文章:- JQuery的Ajax請求實現局部刷新的簡單實例
- jQuery+ajax實現局部刷新的兩種方法
- ajax局部刷新一個div下jsp內容的方法
- jquery ajax 局部刷新小案例
- ajax局部刷新實例 (三種方法推薦)
- Ajax實現帶有驗證碼的局部刷新登錄界面
- AJAX的原理—如何做到異步和局部刷新【實現代碼】
- 利用ajax實現簡單的注冊驗證局部刷新實例
- Ajax局部刷新應用案例---簡單登錄
- Ajax實現局部刷新的方法實例