淺談Ajax技術實現頁面無重新整理_AJAX相關

ajax （ajax開發）

AJAX即“Asynchronous Javascript And XML”（非同步JavaScript和XML），是指一種建立互動式網頁應用的網頁開發技術。

AJAX = 非同步 JavaScript和XML（標準通用標記語言 (SGML)的子集）。

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,textasync: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技術實現頁面無重新整理效果，小編就給大家介紹這麼多，希望對大家有所協助！