純JS實(shí)現(xiàn)AJAX局部刷新功能
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。
AJAX = 異步 JavaScript和XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集)。
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。
下面給大家介紹JS實(shí)現(xiàn)AJAX局部刷新功能,具體內(nèi)容如下所示:
通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下,對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。
// 創(chuàng)建XMLHttpRequest對(duì)象 var xhr=new XMLHttpRequest(); // 請(qǐng)求行 xhr.open('post','03-ajaxPost.php'); //請(qǐng)求頭 xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded'); //請(qǐng)求主體 post send 設(shè)置數(shù)據(jù) xhr.send('name='+txt); //監(jiān)聽(tīng)服務(wù)器的響應(yīng) xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){ //這里表示接受服務(wù)器的響應(yīng)成功的時(shí)候 var r=xhr.responseText; document.querySelector('.info').innerHTML=r; } }
以上所述是小編給大家介紹的純JS實(shí)現(xiàn)AJAX局部刷新功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- JQuery的Ajax請(qǐng)求實(shí)現(xiàn)局部刷新的簡(jiǎn)單實(shí)例
- jQuery+ajax實(shí)現(xiàn)局部刷新的兩種方法
- ajax局部刷新一個(gè)div下jsp內(nèi)容的方法
- jquery ajax 局部刷新小案例
- ajax局部刷新實(shí)例 (三種方法推薦)
- Ajax實(shí)現(xiàn)帶有驗(yàn)證碼的局部刷新登錄界面
- AJAX的原理—如何做到異步和局部刷新【實(shí)現(xiàn)代碼】
- 利用ajax實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)驗(yàn)證局部刷新實(shí)例
- Ajax局部刷新應(yīng)用案例---簡(jiǎn)單登錄
- Ajax實(shí)現(xiàn)局部刷新的方法實(shí)例
相關(guān)文章
Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
一般的表單都是通過(guò)ajax方式提交,所以碰到帶文件上傳的表單就比較麻煩,基本原理就是在頁(yè)面增加一個(gè)隱藏iframe,然后通過(guò)ajax提交除文件之外的表單數(shù)據(jù),感興趣的你不妨了解一下,或許本文對(duì)你有所幫助2013-01-01Ajax實(shí)現(xiàn)簡(jiǎn)單下拉選項(xiàng)效果【推薦】
下面小編就為大家?guī)?lái)一篇Ajax實(shí)現(xiàn)簡(jiǎn)單下拉選項(xiàng)效果【推薦】。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,一起跟隨小編過(guò)來(lái)看看吧2016-04-04Ajax 提交表單數(shù)據(jù)到入庫(kù)的全盤操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫(kù)的全盤操作流程,希望本文對(duì)廣大php開(kāi)發(fā)者有所幫助,感謝閱讀本文2014-01-01簡(jiǎn)單的AJAX實(shí)現(xiàn)(HELLO AJAX)
簡(jiǎn)單的AJAX實(shí)現(xiàn)(HELLO AJAX) ,實(shí)現(xiàn)代碼,主要是了解下,流程。2010-03-03PHP Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯
本篇文章主要介紹了Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯的方法,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-05-05用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題
用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題...2006-12-12