ajax (ajax開發)
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創建交互式網頁應用的網頁開發技術。
AJAX = 異步 JavaScript和XML(標准通用標記語言的子集)。
AJAX 是一種用於創建快速動態網頁的技術。
通過在後台與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。
傳統的網頁(不使用 AJAX)如果需要更新內容,必須重載整個網頁頁面。
現在一般網站都是用ajax來實現頁面無刷新操作的。
什麼是無刷新:ajax可以實現頁面與後台的數據交互,用戶完全感覺不出頁面有任何的刷新,這就是AJAX的無刷新。
ajax方法實現:
可以對ajax進行一下封裝,方便各個頁面進行調用:
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, //這裡是要傳遞的參數,格式為 data: "{paraName:paraValue}" dataType: dataType, //string,xml,script,json,text async:asyncType, //同步異步true /false error: function (XmlHttpRequest, xmlhttp, info) { }, success: function (result) { //回調函數,result,返回值 callBack(result); }, }); }
調用:MyAjax('post',"url?id=" + id, DoOK);
說明:async:true表示異步。此方式是說當ajax發送請求後,在等待server端返回的這個過程中,前台會繼續 執行ajax塊後面的腳本,直到server端返回正 確的結果才會去執行success,相當於開了兩個線程;false是同步,即前台會等待server端返回數據後再執行。
關於Ajax技術實現頁面無刷新效果,小編就給大家介紹這麼多,希望對大家有所幫助!