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

AJAX 簡介

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

AJAX 是什麼?

AJAX = Asynchronous JavaScript and XML.(非同步JavaScript和XML)

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

AJAX 透過在背景與伺服器進行少量資料交換,使網(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)資料交換

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

3. 介面的美觀【增強使用者體驗】

4. 對資料庫的操作

5. 可以傳回簡單的文字格式,也可以回傳xml檔格式, json資料格式

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

優(yōu)點:

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

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

缺點:

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

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

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

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

AJAX 如何運作

105.gif


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

#AJAX 基於因特網(wǎng)標(biāo)準(zhǔn),並使用以下技術(shù)組合:

1) XMLHttpRequest 物件(與伺服器非同步互動資料)

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

3) CSS(設(shè)定資料的樣式)

4) XML(常用作資料傳輸?shù)母袷剑?/p>

想學(xué)習(xí)並了解這些請參考我們的首頁?PHP中文網(wǎng)站

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

Google搜尋建議(Google Suggest)

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

Google搜尋建議(Google Suggest)?使用AJAX 創(chuàng)造出動態(tài)性極強的web 介面:當(dāng)您在Google的搜尋方塊中鍵入內(nèi)容時,JavaScript 會把字元傳送到伺服器,伺服器則會回傳建議列表。

今天就開始使用 AJAX

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

如果您想要學(xué)習(xí)更多關(guān)於 AJAX 的知識,請造訪我們的?AJAX 教學(xué)。


繼續(xù)學(xué)習(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); } }); }); });