純JS實現(xiàn)AJAX局部刷新功能
更新時間：2017年02月18日 09:31:35 投稿：mrr
下面給大家介紹JS實現(xiàn)AJAX局部刷新功能，通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。對ajax實現(xiàn)局部刷新功能感興趣的朋友一起看看吧
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。
AJAX = 異步 JavaScript和XML（標(biāo)準(zhǔn)通用標(biāo)記語言的子集）。
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。
下面給大家介紹JS實現(xiàn)AJAX局部刷新功能，具體內(nèi)容如下所示：
通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新。
// 創(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è)置數(shù)據(jù)
xhr.send('name='+txt);
//監(jiān)聽服務(wù)器的響應(yīng)
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){ //這里表示接受服務(wù)器的響應(yīng)成功的時候
var r=xhr.responseText;
document.querySelector('.info').innerHTML=r;
}
}
以上所述是小編給大家介紹的純JS實現(xiàn)AJAX局部刷新功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
一般的表單都是通過ajax方式提交，所以碰到帶文件上傳的表單就比較麻煩,基本原理就是在頁面增加一個隱藏iframe，然后通過ajax提交除文件之外的表單數(shù)據(jù),感興趣的你不妨了解一下，或許本文對你有所幫助2013-01-01
下面小編就為大家?guī)硪黄狝jax實現(xiàn)簡單下拉選項效果【推薦】。小編覺得挺不錯的，現(xiàn)在分享給大家，一起跟隨小編過來看看吧2016-04-04
Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程，希望本文對廣大php開發(fā)者有所幫助，感謝閱讀本文2014-01-01
這篇文章主要為大家詳細(xì)介紹了Ajax+PHP簡單數(shù)據(jù)交互,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
AJAX中文亂碼問題，經(jīng)過一個下午的努力終于完美解決，現(xiàn)將心得寫下來，希望對那些還困繞在這個問題而頭痛不已的人們有所幫助2012-09-09
本篇文章主要是對ajax提交url與ajax提交表單的區(qū)別進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
簡單的AJAX實現(xiàn)(HELLO AJAX) ，實現(xiàn)代碼，主要是了解下，流程。2010-03-03
AJAX技術(shù)框架及開發(fā)工具...2006-12-12
本篇文章主要介紹了Ajax實現(xiàn)表格實時編輯的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05
用 ajax 的方法解決網(wǎng)頁廣告顯示的問題...2006-12-12