Jquery實現異步提交表單,解決多表單提交的問題

寫項目的時候遇到多表單提交(文本和圖片,我分爲兩個表單,用一個btn來提交):

//用戶信息更新部分,同時提交多個表單
$("#submitall").on('click',function(){
	$("form[name='uploadpictureform']").submit();
	$("form[name='uploadtextform']").submit();
});

這樣做的結果是,瀏覽器將提交小的表單先提交了,然後跳轉刷新頁面。當然,這個問題不符合業務邏輯所以,使用ajaxSubmit來異步提交表單,目的就是爲了讓表單調教之後不
function submitcontrol1() { 
	// jquery 表單提交
	$("#baseform").ajaxSubmit(function(message) { 
		// 對於表單提交成功後處理,message爲提交頁面saveReport.htm的返回內容
		alert(1);
	}); 
	return false; // 必須返回false,否則表單會自己再做一次提交操作,並且頁面跳轉
} 
function submitcontrol2() { 
	// jquery 表單提交
	$("#picform").ajaxSubmit(function(message) { 
		// 對於表單提交成功後處理,message爲提交頁面saveReport.htm的返回內容
		alert(2);
	}); 
	return false; // 必須返回false,否則表單會自己再做一次提交操作,並且頁面跳轉
} 


注意:你需要導入jquery-form.js文件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章