AJAX 是一種在無需重新加載整個(gè)網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。你應(yīng)當(dāng)具備的基礎(chǔ)知識(shí)

在繼續(xù)學(xué)習(xí)之前，你需要對(duì)下面的知識(shí)有基本的了解：

HTML / XHTML

CSS

JavaScript / DOM

什么是 AJAX ?

AJAX = 異步 JavaScript 和 XML。

AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)。

通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對(duì)網(wǎng)頁的某部分進(jìn)行更新。

傳統(tǒng)的網(wǎng)頁(不使用 AJAX)如果需要更新內(nèi)容，必需重載整個(gè)網(wǎng)頁面。

有很多使用 AJAX 的應(yīng)用程序案例：新浪微博、Google 地圖、開心網(wǎng)等等。Google Suggest

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

Google Suggest 使用 AJAX 創(chuàng)造出動(dòng)態(tài)性極強(qiáng)的 web 界面：當(dāng)您在谷歌的搜索框輸入關(guān)鍵字時(shí)，JavaScript 會(huì)把這些字符發(fā)送到服務(wù)器，然后服務(wù)器會(huì)返回一個(gè)搜索建議的列表。

為什么需要使用ajax

ajax主要是實(shí)現(xiàn)頁面和web服務(wù)器之間數(shù)據(jù)的異步傳輸。

簡(jiǎn)單來說，不采用ajax的頁面，當(dāng)用戶在頁面發(fā)起請(qǐng)求時(shí)，就要進(jìn)行整個(gè)頁面的刷新，刷新快慢取決于服務(wù)器的處理快慢。在這個(gè)過程中用戶必須得等待，不能進(jìn)行其他操作。也就是同步的方式。客戶端和服務(wù)端傳遞了很多不需要的數(shù)據(jù)。效率低，用戶體驗(yàn)差。

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

Ajax的工作原理

圖片里面提到一個(gè)xhr，所謂的“XHR”(瀏覽器內(nèi)置對(duì)象”XMLHttpRequest”)，也就是Ajax功能實(shí)現(xiàn)所依賴的對(duì)象，AJAX就是通過瀏覽器的內(nèi)置對(duì)象XHMHttpResquest來發(fā)送異步請(qǐng)求的，異步請(qǐng)求不會(huì)妨礙客戶端的任何操作。

異步：

XHR相當(dāng)于是一個(gè)通信兵，來負(fù)責(zé)客戶端與服務(wù)器之間的通信傳輸。舉個(gè)例子：

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

再來說說同步：

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

以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"AJAX簡(jiǎn)介"，希望對(duì)大家有幫助，如有疑問，請(qǐng)?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為您服務(wù)。