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