AJAX:
什么是AJAX
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。
AJAX = 異步 JavaScript和XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集)。
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換
AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新,意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下,對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。
AJAX的特點(diǎn)
基于Web標(biāo)準(zhǔn),使用文檔對(duì)象模板(Document Object Model)作動(dòng)態(tài)顯示和交互 ·解決頁(yè)面數(shù)據(jù)獲取,服務(wù)器數(shù)據(jù)解析,無(wú)刷新頁(yè)面更新
使用XML和XSLT進(jìn)行數(shù)據(jù)交換及相關(guān)操作
使用XMLHTTPRequest進(jìn)行異步數(shù)據(jù)查詢和接收 ·解決異步交互的問(wèn)題
使用JavaScript將所有的東西綁定在一起 ·其他AJAX技術(shù)的橋梁,最主要的編程語(yǔ)言JS基礎(chǔ)。JS的高級(jí)內(nèi)容。JSON格式
思維方式
用戶體驗(yàn)
在傳統(tǒng)Web開(kāi)發(fā)中,如果想得到服務(wù)器端數(shù)據(jù)庫(kù)或文件上的信息,或者發(fā)送客戶端信息到服務(wù)器,需要建立一個(gè)HTML form然后GET或者POST數(shù)據(jù)到服務(wù)器端。用戶需要點(diǎn)擊”Submit”按鈕來(lái)發(fā)送或者接受數(shù)據(jù)信息,然后等待服務(wù)器響應(yīng)請(qǐng)求,頁(yè)面重新加載。因?yàn)榉?wù)器每次都會(huì)返回一個(gè)新的頁(yè)面,所以傳統(tǒng)的web應(yīng)用有可能很慢而且用戶交互不友好。即:查看—>提交—>等待—>新頁(yè)面查看—>新的提交... 頁(yè)面跳轉(zhuǎn),全頁(yè)面刷新。用戶體驗(yàn)會(huì)中斷
使用AJAX技術(shù), 就可以使Javascript通過(guò)XMLHttpRequest對(duì)象直接與服務(wù)器進(jìn)行交互。通過(guò)HTTP Request, 一個(gè)web頁(yè)面可以發(fā)送一個(gè)請(qǐng)求到web服務(wù)器并且接受web服務(wù)器返回的信息(不用重新加載頁(yè)面),展示給用戶的還是同一個(gè)頁(yè)面,用戶感覺(jué)頁(yè)面刷新,也看不到到Javascript后臺(tái)進(jìn)行的發(fā)送請(qǐng)求和接受響應(yīng)。
AJAX在用戶體驗(yàn)方面的過(guò)程:查看—>提交—>繼續(xù)瀏覽—>舊頁(yè)面查看—>新的提交...頁(yè)面無(wú)刷新,用戶體驗(yàn)連貫。
AJAX使用的是異步,傳統(tǒng)的Web是使用的同步。 同步更新是需要對(duì)整個(gè)頁(yè)面進(jìn)行更新,并且以新頁(yè)面的形式顯示出來(lái)。
異步更新是后臺(tái)和服務(wù)器進(jìn)行少量數(shù)據(jù)交換,即不重新加載整個(gè)網(wǎng)頁(yè)就可以對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。而AJAX減少了用戶的等待時(shí)間。
開(kāi)發(fā)思維
傳統(tǒng)的Web PK AJAX方式
式
優(yōu)缺點(diǎn)
優(yōu)點(diǎn):
1、通過(guò)異步模式,網(wǎng)頁(yè)無(wú)刷新,提升了用戶體驗(yàn)。
2、優(yōu)化了瀏覽器和服務(wù)器之間的傳輸,減少不必要的數(shù)據(jù)往返,減少了帶寬占用。
3、Ajax引擎在客戶端運(yùn)行,承擔(dān)了一部分本來(lái)由服務(wù)器承擔(dān)的工作,從而減少了大用戶量下的服務(wù)器負(fù)載。
4、基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù),不需要下載插件或者小程序。
缺點(diǎn):
1、ajax不支持瀏覽器back按鈕。
2、安全問(wèn)題 AJAX暴露了與服務(wù)器交互的細(xì)節(jié)。
3、對(duì)搜索引擎的支持比較弱。
4、破壞了程序的異常機(jī)制。
5、不容易調(diào)試。
以上是小編給大家介紹的ajax與傳統(tǒng)web開(kāi)發(fā)的異同點(diǎn),希望大家喜歡。
您可能感興趣的文章:- Jquery Ajax學(xué)習(xí)實(shí)例4 向WebService發(fā)出請(qǐng)求,返回實(shí)體對(duì)象的異步調(diào)用
- Jquery Ajax學(xué)習(xí)實(shí)例5 向WebService發(fā)出請(qǐng)求,返回泛型集合數(shù)據(jù)的異步調(diào)用
- Jquery Ajax學(xué)習(xí)實(shí)例6 向WebService發(fā)出請(qǐng)求,返回DataSet(XML) 異步調(diào)用
- jQuery AJAX 調(diào)用WebService實(shí)現(xiàn)代碼
- Jquery + Ajax調(diào)用webService實(shí)例代碼(asp.net)
- asp.net下使用jquery 的ajax+WebService+json 實(shí)現(xiàn)無(wú)刷新取后臺(tái)值的實(shí)現(xiàn)代碼
- jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細(xì)實(shí)例代碼
- Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼
- 在Asp.net下實(shí)現(xiàn)變長(zhǎng)連接的web即時(shí)應(yīng)用的實(shí)現(xiàn)范例及ReverseAjax的演示介紹
- jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法和web服務(wù)定義的方法分享
- 關(guān)于jquery ajax 調(diào)用帶參數(shù)的webservice返回XML數(shù)據(jù)一個(gè)小細(xì)節(jié)
- AJAX和WebService實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)具體代碼
- 用juery的ajax方法調(diào)用aspx.cs頁(yè)面中的webmethod方法示例