亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

AJAX 簡介

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

AJAX 是什么?

AJAX = Asynchronous JavaScript and XML.(異步JavaScript和XML)

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

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

ajax技術(shù)包含了幾種技術(shù):javascript、xml、css、xstl、dom、xhtml和XMLHttpRequest七種技術(shù),所以ajax就像是粘合 劑把七種技術(shù)整合到一起,從而發(fā)揮各個技術(shù)的優(yōu)勢,威力驚人。

ajax技術(shù)解決了很多其它技術(shù)解決不了的問題

1. 頁面無刷新的動態(tài)數(shù)據(jù)交換

2. 局部刷新頁面【驗證用戶名唯一】

3. 界面的美觀 【增強用戶體驗】

4. 對數(shù)據(jù)庫的操作

5. 可以返回簡單的文本格式,也可以返回 xml文件格式, json數(shù)據(jù)格式

ajax的優(yōu)點和缺點

優(yōu)點:

1) 用戶體驗更好,頁面不需要提交或者是刷新,內(nèi)容自動更新

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

缺點:

1) 頁面不跳轉(zhuǎn),導致用戶無法點擊后退訪問之前的內(nèi)容

2) ajax需要執(zhí)行JavaScript才能加載,導致搜索引擎失效

3) 濫用ajax會導致頁面過于臃腫,明明幾個頁面跳轉(zhuǎn)就能實現(xiàn)的效果,結(jié)果全部都堆到一個頁面中

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

AJAX 如何工作

105.gif


AJAX 基于因特網(wǎng)標準

AJAX 基于因特網(wǎng)標準,并使用以下技術(shù)組合:

1) XMLHttpRequest 對象(與服務(wù)器異步交互數(shù)據(jù))

2) JavaScript/DOM(顯示/取回信息)

3) CSS(設(shè)置數(shù)據(jù)的樣式)

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

想學習和了解這些請參考我們的首頁?PHP 中文網(wǎng)

?AJAX 應(yīng)用程序與瀏覽器和平臺無關(guān)的!

谷歌搜索建議(Google Suggest)

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

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

今天就開始使用 AJAX

在我們的 PHP 教程中,我們將演示 AJAX 如何在不重載整個頁面的情況下對網(wǎng)頁的某些部分進行更新。服務(wù)器腳本我們將采用 PHP 來編寫。

如果您想要學習更多關(guān)于 AJAX 的知識,請訪問我們的?AJAX 教程。


繼續(xù)學習
||
$(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data: {username:$("#username").val(), content:$("#content").val()}, dataType: "json", success: function(data){ $('#resText').empty(); //清空resText里面的所有內(nèi)容 var html = ''; $.each(data, function(commentIndex, comment){ html += '<div class="comment"><h6>' + comment['username'] + ':</h6><p class="para"' + comment['content'] + '</p></div>'; }); $('#resText').html(html); } }); }); });
提交重置代碼