ajax與傳統web開發的異同點

2022-09-21 15:15:10 字數 1555 閱讀 4833

ajax:

什麼是ajax

ajax即「asynchronous j**ascript and xml」(非同步j**ascript和xml),是指一種建立互動式網頁應用的網頁開發技術。

ajax = 非同步 j**ascript和xml(標準通用標記語言的子集)。

ajax 是一種用於建立快速動態網頁的技術。通過在後台與伺服器進行少量資料交換

ajax 可以使網頁實現非同步更新,意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。

ajax的特點

基於web標準,使用程式設計客棧文件物件模板程式設計客棧(document object model)作動態顯示和互動 解決頁面資料獲取,伺服器資料解析,無重新整理頁面更新

使用xml和xslt進行資料交換及相關操作

使用xmlhttprequest進行非同步資料查詢和接收 解決非同步互動的程式設計客棧問題

使用j**ascript將所有的東西繫結在一起 其他ajax技術的橋梁,最主要的程式語言js基礎。js的高階內容。json格式

思維方式

使用者體驗

在傳統web開發中,如果想得到伺服器端資料庫或檔案上的資訊,或者傳送客戶端資訊到伺服器,需要建立乙個html form然後get或者post資料到伺服器端。使用者需要點選」submit」按鈕來傳送或者接受資料資訊,然後等待伺服器響應請求,頁面重新載入。因為伺服器每次都會返回乙個新的頁面,所以傳統的web應用有可能很慢而且使用者互動不友好。即:檢視—>提交—>等待—>新頁面檢視—>新的提交... 頁面跳轉,全頁面重新整理。使用者體驗會中斷

使用ajax技術, 就可以使j**ascript通過xmlhttprequest物件直接與伺服器進行互動。通過http request, 乙個web頁面可以傳送乙個請求到web伺服器並且接受web伺服器返回的資訊(不用重新載入頁面),展示給使用者的還是同乙個頁面,使用者感覺頁面重新整理,也看不到到j**ascript後台進行的傳送請求和接受響應。

ajax在使用者體驗方面的過程:檢視—>提交—>繼續瀏覽—>舊頁面檢視—>新的提交...頁面無www.cppcns.com重新整理,使用者體驗連貫。

ajax使用的是非同步,傳統的web是使用的同步。 同步更新是需要對整個頁面進行更www.cppcns.com新,並且以新頁面的形式顯示出來。

非同步更新是後台和伺服器進行少量資料交換,即不重新載入整個網頁就可以對網頁的某部分進行更新。而ajax減少了使用者的等待時間。

開發思維

傳統的web pk ajax方式 

式優缺點

優點:1、通過非同步模式,網頁無重新整理,提公升了使用者體驗。

2、優化了瀏覽器和伺服器之間的傳輸,減少不必要的資料往返,減少了頻寬占用。

3、ajax引擎在客戶端執行,承擔了一部分本來由伺服器承擔的工作,從而減少了大使用者量下的伺服器負載。

4、基於標準化的並被廣泛支援的技術,不需要**外掛程式或者小程式。

缺點:1、ajax不支援瀏覽器back按鈕。

2、安全問題 ajax暴露了與伺服器互動的細節。

3、對搜尋引擎的支援比較弱。

4、破壞了程式的異常機制。

5、不容易除錯。

本文標題: ajax與傳統web開發的異同點

本文位址:

關於Ajax與傳統web框架的爭論

觀點之一 ajax soa將顛覆傳統的web程式結構,web應用將走出 伺服器動態網頁 時代 web框架遭淘汰 早期的瀏覽器是為html而生,先天不足。不管是struts還是jsf,或者.net,本質上都是為這種先天不足的 弱智型 瀏覽器而設計的.如今,dhtml dom已經非常成熟,瀏覽器的可程式...

針對AJAX與JSONP的異同

針對ajax與jsonp的異同 1 ajax和jsonp這兩種技術在呼叫方式上 看起來 很像,目的也一樣,都是請求乙個url,然後把伺服器返回的資料進行處理,因此jquery和ext等框架都把jsonp作為ajax的一種形式進行了封裝 2 但ajax和jsonp其實本質上是不同的東西。ajax的核心...

AJAX的WEB開發工具

ie下的除錯工具 fiddler 這是乙個http協議的除錯工具,本質上它就是乙個http協議攔截分析工具,應該是ie下最強的免費功能鍵了,該工具可以檢視編輯http協議,若是單純除錯web頁面,還可以使用其自帶的斷點除錯工具。最新fiddler2需要.net支援,firefox下的除錯工具 fir...