項目中引用 jquery.form.js插件。
打算用 .ajaxform(options); 方式送出到背景,但是發現 .ajax 是可以正常互動的,但是 .ajaxform 就是不行。
首先
在form表單中,button的type問題。
form表單中,button 的 type 有三種值。
分别是:
reset : 如果button type="reset" 在沒有任何事件 的條件下,會清空目前 form 的所有内容。
button: 預設,就是一個按鈕。 可以在form 上設定onkeydown方法,來監聽回車按鍵(13)來送出表單。
submit: 1、 如果 type = "submit" ,則,點選該 button (按鈕),預設送出目前表單。送出的 預設 路徑是,form表單中配置的 action。
2、如果 在這個form 中,Enter鍵 預設 為送出表單。
然後
在 jquery.form.js 插件中,有兩種方式送出form表單。
1)$.fn.ajaxsubmit
2)$.fn.ajaxform
button 的 type 類型的問題。
如果設定 type = "submit" ,js方法中,就可以用 .ajaxform。
如果設定 type = "button" ,js方法中,就可以用 .ajaxform。
在form表單中,如果 button 的 type = "submit" ,在綁定的js方法中送出表單,就要用 $("#loginform").ajaxform(options);
在form表單中,如果 button 的 type = "button" ,在綁定的js方法中送出表單,就要用 $("#loginform").ajaxsubmit(options);
完整代碼如下:
js代碼如下:
jsp代碼如下: