jQuery Ajax

在本教程中,你將瞭解 Ajax 是什麼以及它是如何工作的。

什麼是 Ajax

Ajax 代表 Asynchronous Javascript And Xml。Ajax 只是一種將資料從伺服器載入到 Web 瀏覽器而無需重新載入整個頁面的方法。

基本上,Ajax 所做的是利用基於 JavaScript 的 XMLHttpRequest 物件在後臺非同步地向 Web 伺服器傳送資訊和從 Web 伺服器接收資訊,而不會干擾使用者的體驗。

Ajax 已經變得如此受歡迎,以至於你幾乎找不到在某種程度上不使用 Ajax 的應用程式。一些大規模 Ajax 驅動的線上應用程式的例子是:Gmail,谷歌地圖,谷歌文件,YouTube,Facebook,Flickr 等。

注意: Ajax 並不是一項新技術,事實上,Ajax 甚至根本就不是一項技術。Ajax 只是一個術語,用於描述通過 JavaScript 非同步地從 Web 伺服器交換資料的過程,而無需重新整理頁面。

使用 jQuery 的 Ajax

不同的瀏覽器以不同的方式實現 Ajax,這意味著如果你採用典型的 JavaScript 方式來實現 Ajax,則必須為不同的瀏覽器編寫不同的程式碼,以確保 Ajax 能夠跨瀏覽器工作。

但是,幸運的是,jQuery 通過處理這些瀏覽器差異簡化了實現 Ajax 的過程。它提供了簡單的方法,如 load()$.get()$.post() 等來實現跨所有的瀏覽器無縫 Ajax 工作。

在接下來的章節中,你將學習如何從伺服器載入資料以及如何使用 HTTP GET 和 POST 方法通過 jQuery Ajax 傳送和接收資料。

提示: Ajax 請求由 JavaScript 程式碼觸發; 你的程式碼向 URL 傳送請求,當請求完成時,可以觸發回撥函式來處理響應。此外,由於請求是非同步的,因此在處理請求時,其餘程式碼將繼續執行。