AJAX?簡(jiǎn)介

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

AJAX 是什麼？

AJAX = Asynchronous JavaScript and XML.

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

AJAX 透過(guò)在背景與伺服器進(jìn)行少量資料交換，使網(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è)面，需要向伺服器請(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)去伺服器驗(yàn)證是否被佔(zhàn)用、無(wú)刷新的分頁(yè)…

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

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

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

??????? 減少網(wǎng)路資料流量，由於頁(yè)面佈局樣式不同重新加載，ajax只需要從伺服器上取得少量的資料即可，速度更快

缺點(diǎn)：

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

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

????ajax?個(gè)頁(yè)面跳躍就能實(shí)現(xiàn)的效果，結(jié)果全部堆到一個(gè)頁(yè)面中

#AJAX 如何運(yùn)作

AJAX 基於網(wǎng)際網(wǎng)路標(biāo)準(zhǔn)

AJAX 基於網(wǎng)際網(wǎng)路標(biāo)準(zhǔn)，並使用下列技術(shù)組合：

·???????? XMLHttpRequest 物件（與伺服器異步互動(dòng)資料）

·???????? JavaScript/DOM（顯示/取回資訊）

·???????? CSS（設(shè)定資料的樣式）

Google搜尋建議（Google Suggest）

Google搜尋建議（Google Suggest）?使用 AJAX 創(chuàng)造出動(dòng)態(tài)性極強(qiáng)的 web 介面：當(dāng)您在Google的搜尋方塊中鍵入內(nèi)容時(shí)，JavaScript 會(huì)將字元傳送到伺服器，伺服器則會(huì)傳回建議清單。

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

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

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