使用jQuery重用form表單并異步提交到其他action
來源：程序員人生 發(fā)布時間：2014-09-18 04:34:16 閱讀次數(shù)：3251次
在做頁面開發(fā)的時候，有時候要重用表單的數(shù)據(jù)，并異步請求提交到其他的鏈接中，這個時候就可以使用jquery去修改表單的action值（記得使用后修改回來），并調(diào)用submit方法，當(dāng)然后臺的鏈接action或者controller方法必須返回值類型為void，否則將發(fā)生頁面跳轉(zhuǎn)，返回null則顯示空白頁，無法實(shí)現(xiàn)異步調(diào)用。另外，這里可以使用另外一個方式提交，將表單序列化，然后用jQuery的ajax提交，不過要對返回的信息進(jìn)行處理。
直接上代碼：
（1）jQuery改變form屬性
$(".exportBrandSort").on('click', function() {
var url = contextPath+"/brand/exportBrandSort";
$('#searchform').attr('action', url);
$('#searchform').submit();
//還原action值
url = contextPath+"/brand/getBrand";
$('#searchform').attr('action', url);
});
（2）Ajax提交方式
$(".exportBrandSort").on('click', function() {
var url = contextPath+"/brand/exportBrandSort";
var data= $('#searchform').serialize();
$.ajax({
type: 'GET',
url: url,
data: data,
success:function(retJson){
}
});
});
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
