主頁(yè) > 知識(shí)庫(kù) > ajax與傳統(tǒng)web開(kāi)發(fā)的異同點(diǎn)

ajax與傳統(tǒng)web開(kāi)發(fā)的異同點(diǎn)

熱門標(biāo)簽:科智聯(lián)智能電銷機(jī)器人 目標(biāo)三維地圖標(biāo)注 上海浦東百度地圖標(biāo)注中心注冊(cè) 老虎郵局地圖標(biāo)注點(diǎn) 青海醫(yī)療智能外呼系統(tǒng)怎么樣 百靈鳥(niǎo) 徐州電銷卡外呼系統(tǒng)供應(yīng)商 外呼系統(tǒng)獲取客戶手機(jī)號(hào) 襄陽(yáng)外呼系統(tǒng)接口

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方法示例

標(biāo)簽:佛山 紅河 揭陽(yáng) 荊州 辛集 商洛 咸寧 股票

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ajax與傳統(tǒng)web開(kāi)發(fā)的異同點(diǎn)》,本文關(guān)鍵詞  ajax,與,傳統(tǒng),web,開(kāi)發(fā),的,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ajax與傳統(tǒng)web開(kāi)發(fā)的異同點(diǎn)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于ajax與傳統(tǒng)web開(kāi)發(fā)的異同點(diǎn)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章