ajax (ajax開發(fā))
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術。
AJAX = 異步 JavaScript和XML(標準通用標記語言的子集)。
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術。
通過在后臺與服務器進行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下,對網(wǎng)頁的某部分進行更新。
傳統(tǒng)的網(wǎng)頁(不使用 AJAX)如果需要更新內(nèi)容,必須重載整個網(wǎng)頁頁面。
現(xiàn)在一般網(wǎng)站都是用ajax來實現(xiàn)頁面無刷新操作的。
什么是無刷新:ajax可以實現(xiàn)頁面與后臺的數(shù)據(jù)交互,用戶完全感覺不出頁面有任何的刷新,這就是AJAX的無刷新。
ajax方法實現(xiàn):
可以對ajax進行一下封裝,方便各個頁面進行調(diào)用:
function MyAjax(type, url, callBack, data, dataType, asyncType)
{
if (dataType == null) { dataType = "text"; }
if (asyncType == null) {asyncType = true; }
$.ajax({
type: type, // post或者get
url: url , //url最好加一個url+Math.random(),這樣可以保證每次請求的頁面被瀏覽器視為不同
data: data, //這里是要傳遞的參數(shù),格式為 data: "{paraName:paraValue}"
dataType: dataType, //string,xml,script,json,text
async:asyncType, //同步異步true /false
error: function (XmlHttpRequest, xmlhttp, info) {
},
success: function (result) {
//回調(diào)函數(shù),result,返回值
callBack(result);
},
}); }
調(diào)用:MyAjax('post',"url?id=" + id, DoOK);
說明:async:true表示異步。此方式是說當ajax發(fā)送請求后,在等待server端返回的這個過程中,前臺會繼續(xù) 執(zhí)行ajax塊后面的腳本,直到server端返回正 確的結(jié)果才會去執(zhí)行success,相當于開了兩個線程;false是同步,即前臺會等待server端返回數(shù)據(jù)后再執(zhí)行。
關于Ajax技術實現(xiàn)頁面無刷新效果,小編就給大家介紹這么多,希望對大家有所幫助!
您可能感興趣的文章:- jQuery實現(xiàn)AJAX定時刷新局部頁面實例
- JS+Ajax+Jquery實現(xiàn)頁面無刷新分頁以及分組 超強的實現(xiàn)
- 基于Jquery 解決Ajax請求的頁面 瀏覽器后退前進功能,頁面刷新功能實效問題
- Ajax實現(xiàn)頁面自動刷新實例解析
- django+js+ajax實現(xiàn)刷新頁面的方法
- Ajax回退刷新頁面問題的解決辦法
- ajax頁面無刷新 IE下遭遇Ajax緩存導致數(shù)據(jù)不更新的問題
- 使用ajax實現(xiàn)無刷新改變頁面內(nèi)容和地址欄URL
- Ajax+php數(shù)據(jù)交互并且局部刷新頁面的實現(xiàn)詳解
- AJAX實現(xiàn)指定部分頁面刷新效果