AJAX?簡介

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

AJAX 是什麼？

AJAX = Asynchronous JavaScript and XML.

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

AJAX 透過在背景與伺服器進(jìn)行少量資料交換，使網(wǎng)頁實(shí)現(xiàn)非同步更新。這意味著可以在不重載整個(gè)頁面的情況下，對(duì)網(wǎng)頁的某些部分進(jìn)行更新。

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

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

什麼是非同步請(qǐng)求？

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

常見的ajax應(yīng)用程式：內(nèi)容滾動(dòng)到底後自動(dòng)載入新內(nèi)容、輸入使用者名稱後自動(dòng)去伺服器驗(yàn)證是否被佔(zhàn)用、無刷新的分頁…

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

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

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

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

缺點(diǎn)：

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

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

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

#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ì)傳回建議清單。

今天就開始使用AJAX

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

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