純JS實現(xiàn)AJAX局部刷新功能
更新時間：2017年02月18日 09:31:35 投稿：mrr
下面給大家介紹JS實現(xiàn)AJAX局部刷新功能，通過在后臺與服務器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。對ajax實現(xiàn)局部刷新功能感興趣的朋友一起看看吧
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術。
AJAX = 異步 JavaScript和XML（標準通用標記語言的子集）。
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術。
下面給大家介紹JS實現(xiàn)AJAX局部刷新功能，具體內(nèi)容如下所示：
通過在后臺與服務器進行少量數(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ù)據(jù)
xhr.send('name='+txt);
//監(jiān)聽服務器的響應
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){ //這里表示接受服務器的響應成功的時候
var r=xhr.responseText;
document.querySelector('.info').innerHTML=r;
}
}
以上所述是小編給大家介紹的純JS實現(xiàn)AJAX局部刷新功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
跨域問題是我們在開發(fā)中經(jīng)常會遇到的一個需求，下面這篇文章主要給大家介紹了關于ajax和jsonp跨域的原理本質(zhì)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2017-11-11
如何解決遠程頁面抓取中的亂碼問題...2006-12-12
這篇文章主要介紹了js與jQuery終止正在發(fā)送的ajax請求的方法,實例分析了jQuery與JavaScript終止ajax請求的實現(xiàn)技巧與相關注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
PHP Ajax實現(xiàn)頁面無刷新發(fā)表評論...2006-12-12
ajax請求攜帶自定義請求頭header(跨域和同域)案例實戰(zhàn)教程
這篇文章主要介紹了ajax請求攜帶自定義請求頭header(跨域和同域)案例實戰(zhàn)教程,ajax請求是有同源策略的,雖然可以應用CORS等手段來實現(xiàn)跨域,但是這并不是說這樣就是“同源”了,本文給大家介紹的非常詳細,需要的朋友可以參考下2023-10-10
Ajax請求響應中用window.open打開新窗口被攔截的解決方法
ajax 異步請求成功后需要新開窗口打開 url，使用的是 window.open() 方法，但是會被瀏覽器給攔截，怎么解決呢，下面小編給大家解答下2016-08-08
這篇文章主要介紹了ajax提交整個from表單實現(xiàn)代碼,需要的朋友可以參考下2014-05-05
客戶端通過瀏覽器的內(nèi)置對象XMLHttpRequest來發(fā)送異步請求，當服務器返回響應時，會調(diào)用先前注冊的回調(diào)函數(shù)，異步請求不會阻塞客戶端的操作，達到頁面無法刷新就可以更新數(shù)據(jù)的效果2013-09-09
Ajax技術的核心是XMLHttpRequest對象（簡稱XHR），可以通過使用XHR對象獲取到服務器的數(shù)據(jù)，然后再通過DOM將數(shù)據(jù)插入到頁面中呈現(xiàn)。雖然名字中包含XML，但Ajax通訊與數(shù)據(jù)格式無關，所以我們的數(shù)據(jù)格式可以是XML或JSON等格式2012-08-08
AJAX實現(xiàn)二級級聯(lián)菜單，用PHP完成2009-11-11