Ajax的頁面無刷新實作詳解（附程式碼）

這次帶給大家Ajax的頁面無刷新實作詳解（附程式碼），Ajax頁面無刷新實現的注意事項有哪些，下面就是實戰案例，一起來看一下。

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端回傳資料後再執行。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

AJAX的XMLHttpRequest物件使用詳解

ajax怎麼實作伺服器與瀏覽器長連線

Ajax與form+iframe實作檔案上傳的方法(圖文詳解)

#

以上是Ajax的頁面無刷新實作詳解（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！