AJAX 是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。你應當具備的基礎知識

在繼續學習之前，你需要對下面的知識有基本的了解：

HTML / XHTML

CSS

JavaScript / DOM

什么是 AJAX ?

AJAX = 異步 JavaScript 和 XML。

AJAX 是一種用于創建快速動態網頁的技術。

通過在后臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

傳統的網頁(不使用 AJAX)如果需要更新內容，必需重載整個網頁面。

有很多使用 AJAX 的應用程序案例：新浪微博、Google 地圖、開心網等等。Google Suggest

在 2005 年，Google 通過其 Google Suggest 使 AJAX 變得流行起來。

Google Suggest 使用 AJAX 創造出動態性極強的 web 界面：當您在谷歌的搜索框輸入關鍵字時，JavaScript 會把這些字符發送到服務器，然后服務器會返回一個搜索建議的列表。

為什么需要使用ajax

ajax主要是實現頁面和web服務器之間數據的異步傳輸。

簡單來說，不采用ajax的頁面，當用戶在頁面發起請求時，就要進行整個頁面的刷新，刷新快慢取決于服務器的處理快慢。在這個過程中用戶必須得等待，不能進行其他操作。也就是同步的方式。客戶端和服務端傳遞了很多不需要的數據。效率低，用戶體驗差。

a、采用ajax的頁面，可以實現頁面的局部更新，而不是整個頁面的更新;b、并且發起請求后，用戶還可以進行頁面上的其他操作。這就是異步的方式。c、客戶端和服務端間只傳遞需要的數據，效率高，用戶體驗性好。d、并且Ajax引擎在客戶端運行，承擔了一部分本來由服務器承擔的工作，從而減少了大用戶量下的服務器負載。

Ajax的工作原理

圖片里面提到一個xhr，所謂的“XHR”(瀏覽器內置對象”XMLHttpRequest”)，也就是Ajax功能實現所依賴的對象，AJAX就是通過瀏覽器的內置對象XHMHttpResquest來發送異步請求的，異步請求不會妨礙客戶端的任何操作。

異步：

XHR相當于是一個通信兵，來負責客戶端與服務器之間的通信傳輸。舉個例子：

要打仗了，前方陣地(客服端)不可能只等著通信兵(XHR)傳遞消息其他什么也不干吧，所以前方陣地還在干著自己的事情然后派通信兵去請求后方指揮部(服務器)的命令，指揮部下達命令指揮，通信兵再把命令傳到前方陣地，然后前方陣地再執行命令相關的操作(客戶端把數據渲染到頁面)，這也就是Ajax的異步原理。

再來說說同步：

所謂的同步就是前方陣地和通信兵一起去向服務器請求數據，直到通信兵請求到數據，我才開始渲染頁面，在請求的過程中頁面一直是白屏等待的。

以上就是動力節點小編介紹的"AJAX簡介"，希望對大家有幫助，如有疑問，請在線咨詢，有專業老師隨時為您服務。