ajax與傳統web開發的異同點

本文為大家介紹ajax與傳統web開發的異同點，涉及到ajax、web方面的知識，有興趣的朋友一起學習吧

AJAX：

什麼是AJAX

AJAX即「Asynchronous Javascript And XML」（非同步JavaScript和XML），指一個建立互動式網頁應用程式的網頁開發技術。

AJAX = 非同步 JavaScript和XML（標準通用標記語言的子集）。

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重複呼叫的方法

基於iframe實作ajax跨網域請求取得網頁中ajax資料

Ajax發送和接收請求

#

以上是ajax與傳統web開發的異同點的詳細內容。更多資訊請關注PHP中文網其他相關文章！