談談Ajax(一)

標籤：$.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(一)