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