AJAX 簡(jiǎn)介

AJAX 是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下，能夠更新部分網(wǎng)頁(yè)的技術(shù)。

AJAX 是什么？

AJAX = Asynchronous JavaScript and XML.

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

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

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

有很多使用 AJAX 的應(yīng)用程序案例：Google Maps、Gmail、Youtube 和 Facebook。

什么是異步請(qǐng)求？

用戶請(qǐng)求頁(yè)面，頁(yè)面加載完成，用戶操作頁(yè)面，需要向服務(wù)器請(qǐng)求新的數(shù)據(jù)，由于兩個(gè)請(qǐng)求并不是同步發(fā)生的（后一個(gè)請(qǐng)求是用戶操作后才觸發(fā)的），因此我們稱之為異步請(qǐng)求

常見(jiàn)的ajax應(yīng)用：內(nèi)容滾動(dòng)到底后自動(dòng)加載新內(nèi)容、輸入用戶名后自動(dòng)去服務(wù)器驗(yàn)證是否被占用、無(wú)刷新的分頁(yè)……

ajax的優(yōu)點(diǎn)和缺點(diǎn)

優(yōu)點(diǎn)：

?       用戶體驗(yàn)更好，頁(yè)面不需要提交或者是刷新，內(nèi)容自動(dòng)更新

?       減少網(wǎng)絡(luò)數(shù)據(jù)流量，由于頁(yè)面布局樣式不同重新加載，ajax只需要從服務(wù)器上獲取少量的數(shù)據(jù)即可，速度更快

缺點(diǎn)：

?       頁(yè)面不跳轉(zhuǎn)，導(dǎo)致用戶無(wú)法點(diǎn)擊后退訪問(wèn)之前的內(nèi)容

?       ajax需要執(zhí)行JavaScript才能加載，導(dǎo)致搜索引擎失效

?       濫用ajax會(huì)導(dǎo)致頁(yè)面過(guò)于臃腫，明明幾個(gè)頁(yè)面跳轉(zhuǎn)就能實(shí)現(xiàn)的效果，結(jié)果全部都堆到一個(gè)頁(yè)面中

AJAX 如何工作

AJAX 基于因特網(wǎng)標(biāo)準(zhǔn)

AJAX 基于因特網(wǎng)標(biāo)準(zhǔn)，并使用以下技術(shù)組合：

·         XMLHttpRequest 對(duì)象（與服務(wù)器異步交互數(shù)據(jù)）

·         JavaScript/DOM（顯示/取回信息）

·         CSS（設(shè)置數(shù)據(jù)的樣式）

·         XML（常用作數(shù)據(jù)傳輸?shù)母袷剑?/p>

 AJAX 應(yīng)用程序與瀏覽器和平臺(tái)無(wú)關(guān)的！

谷歌搜索建議（Google Suggest）

隨著谷歌搜索建議功能在 2005 的發(fā)布，AJAX 開(kāi)始流行起來(lái)。

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

今天就開(kāi)始使用 AJAX

在我們的 PHP 教程中，我們將演示 AJAX 如何在不重載整個(gè)頁(yè)面的情況下對(duì)網(wǎng)頁(yè)的某些部分進(jìn)行更新。服務(wù)器腳本我們將采用 PHP 來(lái)編寫(xiě)。

如果您想要學(xué)習(xí)更多關(guān)于 AJAX 的知識(shí)，請(qǐng)?jiān)L問(wèn)我們的 AJAX 教程。