亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請問ajax的工作流程是什么?

請問ajax的工作流程是什么?

翻閱古今 2019-06-19 15:11:41
ajax的工作流程是什么
查看完整描述

4 回答

?
三國紛爭

TA貢獻1804條經驗 獲得超7個贊

1.客戶端產生js的事件
2.創建XMLHttpRequest對象
3.對XMLHttpRequest進行配置
4.通過AJAX引擎發送異步請求
5.服務器端接收請求并且處理請求,返回html或者xml內容
6.XML調用一個callback()處理響應回來的內容
7.頁面局部刷新

查看完整回答
反對 回復 2019-06-29
?
天涯盡頭無女友

TA貢獻1831條經驗 獲得超9個贊



雖然Ajax所需的基礎架構已經出現了一段時間,但直到最近異步請求的真正威力才得到利用。能夠擁有一個響應極其靈敏的Web站點確實激動人心,因為它最終允許開發人員和設計人員使用標準的HTML/CSS/JavaScript堆棧創建“桌面風格的(desktop-like)”可用性。

通常,在J2EE中,開發人員過于關注服務和持久性層的開發,以至于用戶界面的可用性已經落后。在一個典型的J2EE開發周期中,常常會聽到這樣的話,“我們沒有可投入UI的時間”或“不能用HTML實現”。但是,以下Web站點證明,這些理由再也站不住腳了:

BackPack
Google Suggest
Google Maps
PalmSphere
所有這些Web站點都告訴我們,Web應用程序不必完全依賴于從服務器重新載入頁面來向用戶呈現更改。一切似乎就在瞬間發生。簡而言之,在涉及到用戶界面的響應靈敏度時,基準設得更高了。

定義Ajax

Adaptive Path公司的Jesse James Garrett這樣定義Ajax:

Ajax不是一種技術。實際上,它由幾種蓬勃發展的技術以新的強大方式組合而成。Ajax包含:

基于XHTML和CSS標準的表示;
使用Document Object Model進行動態顯示和交互;
使用XMLHttpRequest與服務器進行異步通信;
使用JavaScript綁定一切。
這非常好,但為什么要以Ajax命名呢?其實術語Ajax是由Jesse James Garrett創造的,他說它是“Asynchronous JavaScript + XML的簡寫”。

Ajax的工作原理

Ajax的核心是JavaScript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入,它是一種支持異步請求的技術。簡而言之,XmlHttpRequest使您可以使用JavaScript向服務器提出請求并處理響應,而不阻塞用戶。

在創建Web站點時,在客戶端執行屏幕更新為用戶提供了很大的靈活性。下面是使用Ajax可以完成的功能:

動態更新購物車的物品總數,無需用戶單擊Update并等待服務器重新發送整個頁面。
提升站點的性能,這是通過減少從服務器下載的數據量而實現的。例如,在Amazon的購物車頁面,當更新籃子中的一項物品的數量時,會重新載入整個頁面,這必須下載32K的數據。如果使用Ajax計算新的總量,服務器只會返回新的總量值,因此所需的帶寬僅為原來的百分之一。
消除了每次用戶輸入時的頁面刷新。例如,在Ajax中,如果用戶在分頁列表上單擊Next,則服務器數據只刷新列表而不是整個頁面。
直接編輯表格數據,而不是要求用戶導航到新的頁面來編輯數據。對于Ajax,當用戶單擊Edit時,可以將靜態表格刷新為內容可編輯的表格。用戶單擊Done之后,就可以發出一個Ajax請求來更新服務器,并刷新表格,使其包含靜態、只讀的數據。
一切皆有可能!但愿它能夠激發您開始開發自己的基于Ajax的站點。然而,在開始之前,讓我們介紹一個現有的Web站點,它遵循傳統的提交/等待/重新顯示的范例,我們還將討論Ajax如何提升用戶體驗。

查看完整回答
反對 回復 2019-06-29
?
慕田峪4524236

TA貢獻1875條經驗 獲得超5個贊

是一個異步操作,可以在頁面無刷新的情況下拿到數據進行一個交互。像我們很多的表單驗證什么的就可以通過這個原理來實現

查看完整回答
反對 回復 2019-06-29
  • 4 回答
  • 0 關注
  • 1673 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號