AJAX 簡介
AJAX?簡介
AJAX 是一種在無需重新加載整個網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術(shù)。
AJAX 是什么?
AJAX = Asynchronous JavaScript and XML.
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。
AJAX 通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重載整個頁面的情況下,對網(wǎng)頁的某些部分進(jìn)行更新。
傳統(tǒng)的網(wǎng)頁(不使用 AJAX)如果需要更新內(nèi)容,必須重載整個頁面。
有很多使用 AJAX 的應(yīng)用程序案例:Google Maps、Gmail、Youtube 和 Facebook。
什么是異步請求?
用戶請求頁面,頁面加載完成,用戶操作頁面,需要向服務(wù)器請求新的數(shù)據(jù),由于兩個請求并不是同步發(fā)生的(后一個請求是用戶操作后才觸發(fā)的),因此我們稱之為異步請求
常見的ajax應(yīng)用:內(nèi)容滾動到底后自動加載新內(nèi)容、輸入用戶名后自動去服務(wù)器驗證是否被占用、無刷新的分頁……
ajax的優(yōu)點和缺點
優(yōu)點:
??????? 用戶體驗更好,頁面不需要提交或者是刷新,內(nèi)容自動更新
??????? 減少網(wǎng)絡(luò)數(shù)據(jù)流量,由于頁面布局樣式不同重新加載,ajax只需要從服務(wù)器上獲取少量的數(shù)據(jù)即可,速度更快
缺點:
??????? 頁面不跳轉(zhuǎn),導(dǎo)致用戶無法點擊后退訪問之前的內(nèi)容
??????? ajax需要執(zhí)行JavaScript才能加載,導(dǎo)致搜索引擎失效
??????? 濫用ajax會導(dǎo)致頁面過于臃腫,明明幾個頁面跳轉(zhuǎn)就能實現(xiàn)的效果,結(jié)果全部都堆到一個頁面中
AJAX 如何工作
AJAX 基于因特網(wǎng)標(biāo)準(zhǔn)
AJAX 基于因特網(wǎng)標(biāo)準(zhǔn),并使用以下技術(shù)組合:
·???????? XMLHttpRequest 對象(與服務(wù)器異步交互數(shù)據(jù))
·???????? JavaScript/DOM(顯示/取回信息)
·???????? CSS(設(shè)置數(shù)據(jù)的樣式)
·???????? XML(常用作數(shù)據(jù)傳輸?shù)母袷剑?/p>
?AJAX 應(yīng)用程序與瀏覽器和平臺無關(guān)的!
谷歌搜索建議(Google Suggest)
隨著谷歌搜索建議功能在 2005 的發(fā)布,AJAX 開始流行起來。
谷歌搜索建議(Google Suggest)?使用 AJAX 創(chuàng)造出動態(tài)性極強(qiáng)的 web 界面:當(dāng)您在谷歌的搜索框中鍵入內(nèi)容時,JavaScript 會把字符發(fā)送到服務(wù)器,服務(wù)器則會返回建議列表。
今天就開始使用 AJAX
在我們的 PHP 教程中,我們將演示 AJAX 如何在不重載整個頁面的情況下對網(wǎng)頁的某些部分進(jìn)行更新。服務(wù)器腳本我們將采用 PHP 來編寫。
如果您想要學(xué)習(xí)更多關(guān)于 AJAX 的知識,請訪問我們的?AJAX 教程。