ajax 提交表單的幾種方式

一、我的以爲最好的ajax提交jquery

(1)引入 jquery.form.jsajax

(2)頁面代碼 json

頁面有一個 id 爲 myform 的表單函數

(3)js代碼  url

對錶單對象 myform 執行 ajaxSubmit(); 方法spa

參數:3d

  url : 路徑,即對應 controller 中的方法orm

  type : 提交方式對象

  dataType : 返回值類型blog

  clearForm : 表單提交成功以後,清除表單內容,能夠防止重複提交

  resetForm : 表單提交成功以後,重置表單內容,一樣能夠防止表單重複提交

  beforeSubmit : 表單提交以前的回調函數,通常進行提交前的表單驗證,返回 true 則提交,返回 false 則不提交

  success : ajax 成功回調函數,進行 ajax 調用成功後的一些處理

到這裏,你們是否是會有一個疑問,爲何沒有參數呢??

沒錯,這個就是關鍵,由於是對 $("#myform") 這個表單元素調用的 ajaxSubmit(); 方法,

因此參數就是表單中的元素

(4)後臺代碼

後臺我用 一個實體類 UserInfoVO user 來接收參數,

注意:user 對象中的屬性跟 表單中元素的 name 屬性 命名是同樣的,這樣表單中參數才能夠接收到

另外,要加上 @responseBody 註解,而且方法的返回值是 Map<String,Object> 這樣返回的纔是json格式

相關文章
相關標籤/搜索