ajax與傳統web開發的異同點_AJAX相關

來源:互聯網
上載者:User

AJAX:

什麼是AJAX

AJAX即“Asynchronous Javascript And XML”(非同步JavaScript和XML),是指一種建立互動式網頁應用的網頁開發技術。

AJAX = 非同步 JavaScript和XML(標準通用標記語言 (SGML)的子集)。

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

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

AJAX的特點

基於Web標準,使用文檔對象模板(Document Object Model)作動態顯示和互動 ·解決頁面資料擷取,伺服器資料解析,無重新整理頁面更新
使用XML和XSLT進行資料交換及相關操作
使用XMLHTTPRequest進行非同步資料查詢和接收 ·解決非同步互動的問題
使用JavaScript將所有的東西綁定在一起 ·其他AJAX技術的橋樑,最主要的程式設計語言JS基礎。JS的進階內容。JSON格式

思維方式

使用者體驗

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

使用AJAX技術, 就可以使Javascript通過XMLHttpRequest對象直接與伺服器進行互動。通過HTTP Request, 一個web頁面可以發送一個請求到web伺服器並且接受web伺服器返回的資訊(不用重新載入頁面),展示給使用者的還是同一個頁面,使用者感覺頁面重新整理,也看不到到Javascript後台進行的發送請求和接受響應。

AJAX在使用者體驗方面的過程:查看—>提交—>繼續瀏覽—>舊頁面查看—>新的提交...頁面無重新整理,使用者體驗連貫。

 

AJAX使用的是非同步,傳統的Web是使用的同步。 同步更新是需要對整個頁面進行更新,並且以新頁面的形式顯示出來。

 

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

 

開發思維

傳統的Web PK AJAX方式 

 式

優缺點

優點:

1、通過非同步模式,網頁無重新整理,提升了使用者體驗。
2、最佳化了瀏覽器和伺服器之間的傳輸,減少不必要的資料往返,減少了頻寬佔用。
3、Ajax引擎在用戶端運行,承擔了一部分本來由伺服器承擔的工作,從而減少了大使用者量下的伺服器負載。
4、基於標準化的並被廣泛支援的技術,不需要下載外掛程式或者小程式。

缺點:

1、ajax不支援瀏覽器back按鈕。
2、安全問題 AJAX暴露了與伺服器互動的細節。
3、對搜尋引擎的支援比較弱。
4、破壞了程式的異常機制。
5、不容易調試。

以上是小編給大家介紹的ajax與傳統web開發的異同點,希望大家喜歡。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.