這次帶給大家XMLHttpRequest物件屬性以及ajax的優缺點,使用XMLHttpRequest物件屬性以及ajax優缺點的注意事項有哪些,下面就是實戰案例,一起來看一下。
XMLHttpRequest物件有三個重要的屬性:
onreadystatechange 狀態改變的事件觸發器,每個狀態改變時都會觸發這個事件處理器
readyState從0到4發生變化
0 =未初始化
1 =正在載入/伺服器連線已建立
2 =已載入/請求已接收
3 =互動中/請求處理中
4 =請求完成
status伺服器的HT TP狀態碼:
1字頭: 訊息。這類型的狀態碼,代表請求已被接受,需要繼續處理。
2字頭:成功。這類型的狀態碼, 代表請求已成功被伺服器接收、 理解、並接受。 ( 200:'OK')
3字頭:重定向。這類狀態碼代表需要客戶端採取進一步的操作才能完成請求。 ( 304:'Not Modified' )
4字頭:請求錯誤。這類的狀態碼代表了客戶端看起來可能發生了錯誤,妨礙了伺服器的處理
5、6字頭: 伺服器錯誤。這類狀態碼代表了伺服器在處理請求的過程中有錯誤或異常狀態發生
Ajax的優點
無刷新更新資料
AJAX最大優點就是能在不刷新整個頁面的前提下與伺服器通訊維護資料。這使得Web應用程式更為迅捷地響應用戶交互,並避免了在網路上發送那些沒有改變的訊息, 減少用戶等待時間, 帶來非常好的用戶體驗。
非同步與伺服器通訊;
AJAX使用非同步方式與伺服器通信,不需要打斷使用者的操作,具有更迅速的回應能力。優化了Browser和Server之間的溝通,減少不必要的資料傳輸、時間及降低網路上資料流量。
前端與後端負載平衡
AJAX可以把以前一些伺服器負擔的工作轉嫁到客戶端,利用客戶端閒置的能力來處理,減輕伺服器和頻寬的負擔,節省空間和寬頻租用成本。
並且減輕伺服器的負擔,AJAX的原則是“按需取資料”,可以最大程度的減少冗餘請求和回應對伺服器造成的負擔,提升網站效能
基於標準被廣泛支持:
AJAX基於標準化的並被廣泛支援的技術,不需要下載瀏覽器插件或小程序,但需要客戶允許JavaScript在瀏覽器.上執行。隨著Ajax的成熟, 一些簡化Ajax使用方法的程式庫也相繼問世。同樣, 也出現了另一種輔助程式設計的技術,為那些不支援JavaScript的使用者提供替代功能。
介面與應用程式分離:
Ajax使WEB中的介面與應用分離(也可以說是資料與呈現分離) 有利於分工合作、減少非技術人員對頁面的修改造成的WEB應用程式錯誤、提高效率、也更適用於現在
的發布系統。
Ajax的缺點
AJAX幹掉了history功能, 也就是對瀏覽器機制的破壞:
在動態更新頁面的情況下, 使用者無法回到前一個頁面狀態,因為瀏覽器僅能記憶歷史記錄中的靜態頁面。一個被完整讀入的頁面與一個已經被動態修改過的頁面之間的差別非常微妙;
用戶通常會希望單擊後退按鈕能夠取消他們的前一次操作,但是在Ajax應用程式中, 這將無法實現。
用過Gmail的知道,Gmail 下面採用的Ajax技術解決了這個問題,在Gmail' 下面是可以後退的,
但是,它也並不能改變Ajax的機制,它只是採用的一個比較笨但是有效的辦法,即使用者點擊後退按鈕存取歷史記錄時,
透過建立或使用一個隱藏的IFRAME來重現頁面.上的變更。一個相關的觀點認為,使用動態頁面更新使得使用者難以將某個特定的狀態儲存到收藏夾中。該問題的解決方案也已出現,大部分都使用URL片段標識符(通常被稱為錨點,即URL中#後面的部分)來保持跟踪,
允許用戶回到指定的某個應用程序狀態。 (許多瀏覽器允許JavaScript動態更新錨點,這使得Ajax應用程式能夠在更新顯示內容的同時更新錨點。)這些解決方案也同時解決了許多關於不支援後退按鈕的爭論
AJAX的安全問題:
AJAX技術為使用者帶來很好的使用者體驗的同時也對IT企業帶來了新的安全威脅,Ajax技術就如同對企業資料建立了一個直接通道。這使得開發者在不經意間會暴露比以前更多的資料和伺服器邏輯。
Ajax的邏輯可以對客戶端的安全掃描技術隱藏起來,允許駭客從遠端伺服器,上建立新的攻擊。還有Ajax也難以避免一些已知的安全弱點,諸如跨站點腳步攻擊、SQL注入攻擊和基於Credentials的安全漏洞等等。
對搜尋引擎支援較弱:
對搜尋引擎的支援比較弱。若使用不當,AJAX會增加網路資料的流量, 進而降低整個系統的效能。
基於標準被廣泛支援:
AJAX基於標準化的並被廣泛支援的技術,不需要下載瀏覽器插件或小程序,但需要客戶允許JavaScript在瀏覽器.上執行。隨著Ajax的成熟, 一些簡化Ajax使用方法的程式庫也相繼問世。同樣, 也出現了另一種輔助程式設計的技術,為那些不支援JavaScript的使用者提供替代功能。
AJAX不能很好支援行動裝置:
一些手持裝置(如手機、PDA等)現在還不能很好的支援Ajax,比如說我們在手機的瀏覽器上打開採用Ajax技術的網站時,它目前是不支援的。
客戶端過肥,太多客戶端程式碼造成開發上的成本
編寫複雜、容易出錯;冗餘程式碼比較多(層層包含js檔案是AJAX的通病, 再加.上以往的許多服務端程式碼現在放到了客戶端) ;破壞了Web的原有標準。
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是XMLHttpRequest物件屬性以及ajax的優缺點的詳細內容。更多資訊請關注PHP中文網其他相關文章!