ajax與傳統(tǒng)web開(kāi)發(fā)的區(qū)別是什么

本篇內(nèi)容介紹了“ajax與傳統(tǒng)web開(kāi)發(fā)的區(qū)別是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

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ā)的區(qū)別是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！