form表單中關於ajaxForm與ajaxSubmit的兩種提交方式的用法和區別


(1) 用法: ajaxForm和ajaxSubmit都可以接收0或1個參數,該參數可以是一個變量,一個對象或回調函數,這個對象主要有一下參數 :
var object = {
url : url,//form提交數據的路徑
type : type,//form提交的方式(method:get/post)
target : target,//服務器返回響應數據顯示的元素(Id)號
beforeSerialize : function(){},//序列化提交數據之前的回調函數
beforeSubmit : function(){},//提交之前執行的回調函數
success : function(){},//提交成功之后返回的回調函數
error : function(){},//提交失敗后返回的回調函數
dataType : null,//服務器返回的數據類型
clearForm : true,//提交成功后是否清空表單中的字段值
restForm : true,//提交成功后是否重置表單中的字段值,即恢復到頁面加載時的狀態
timeout : 6000,//設置請求時間,超過請求時間后,自動退出請求
}
(2) 區別: ajaxForm不能主動提交form表單,函數只是為提交表單做准備需要以submit來觸發提交,而ajaxSubmit會自動提交表單,同時也可以在點擊其他按鈕也可以觸發提交,不一定是submit按鈕。
ajaxForm執行的時候其實相當於:
$("form").submit(function(){
$(this).ajaxSubmit();
return false;//此句解釋了為什么ajaxSubmit會自動提交表單,想要阻止自動提交,必須return false;
})
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM