談談Ajax(一)

來源:互聯網
上載者:User

標籤:$.ajax   時間   個數   維護   管理系統   展示   常見   brk   後台   

 

解決辦法是:比如我是使用SSM架構(Spring+SpringMVC+MyBatis/MyBatis Plus)開發web應用,通常Controller的參數列表與ajax的data保持一致即可,少一個行,多一個也不行。必須要對應上,否則會報這個錯誤。

 

AJAX(非同步JavaScriptAndXML)

AJAX 是一種用於建立快速動態網頁的技術。

通過在後台與伺服器進行少量資料交換,AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。

傳統的網頁(不使用 AJAX)如果需要更新內容,必需重載整個網頁面。

 

比如,之前我們團隊開發的第一個酒店後台管理系統,用到的是jsp,基本沒有ajax,這樣基本是同步請求,比如每次添加或者刪除資料,都要跳轉頁面重新整理整個網頁,看起來一點都不爽。如果是使用AJAX,每次對資料進行增加或者編輯、刪除等操作,看到的只是局部(某個div或者table發送變化)。

 

同步請求和非同步請求的區別

 

先解釋一下同步和非同步概念:

同步是指:發送方發出資料後,等接收方發迴響應以後才發下一個資料包的通訊方式。

非同步是指:發送方發出資料後,不等接收方發迴響應,接著發送下個資料包的通訊方式。

同步請求:

用戶端請求(等待)->服務端處理->響應->頁面載入 (缺少對象:XMLhttpRequest)
       這時候如果有錯誤,只能再次發送請求,再次等待

非同步請求:

簡單的說,與同步請求相比,我即可吃飯又可以玩手機,而不像同步請求我只能等吃完飯後再去玩手機。這個例子,舉的不是特別高明,但是我覺得可以比較好的說明同步和非同步區別。

 

為什麼要使用AJAX?

優點:

使用Ajax的最大優點,就是能在不更新整個頁面的前提下維護資料。
這使得Web應用程式更為迅捷地響應使用者動作,並避免了在網路上發送那些沒有改變的html代碼資訊。前面我舉了一個關於我們團隊開發的第一個項目為例。

1.減輕伺服器負擔,按需要獲得資料。
2.無重新整理更新頁面,減少使用者的實際和心理的等待時間。
3.更好的使用者體驗。
4.減輕寬頻負擔。
5.主流瀏覽器支援

比如:使用者不可能訪問一個頁面等待一個多小時,還顯示不了內容吧,正常來說,使用者的心理預期應該在5秒內或者是3秒。對於現在而言,使用者就是財富。這也就是為什麼大資料為什麼這麼火的原因之一。

 

缺點:

1.AJAX的程式必須測試針對各個瀏覽器的相容性。
2.AJAX更新頁面內容的時候並沒有重新整理整個頁面,因此,網頁的後退功能是失效的;
3.對搜尋引擎支援不好。

比如:2,比如我開發一個部落格應用,文章列表展示,比如我現在新增了一篇文章,發現它並沒有在文章列表展示,於是我手動重新整理下。又或者在新增後,我調用js的location.reload()函數重新載入。

 

 

這裡主要談談用jQuery+AJAX的三種實現方式:

第一種,$.ajax

$.ajax可支援POST、GET、PUT、DELETE等RestFul常用方式。

 

第二種,$.post

該方法主要用於post請求

 

第三種,$.get

該方法主要用於get請求

上述三種常見方式,我個人用的比較多的是$.ajax和$.post,$.get用的確實少,因為覺得,$.ajax可以搞定,就不需要$.get了。至於$.post是因為使用了layui的彈出層,該彈出層與$.post結合實現,比如退出功能或者是刪除功能等,比較好。因為可以提高使用者體驗。

作為公司的前後端開發人員,從前端的角度,儘可能最大程度上,提高使用者體驗。

談談Ajax(一)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.