使用AJAX非同步提交表單的幾種方式
阿新 • • 發佈:2019-02-09
這裡介紹三種常用的提交方式
方式一
手工收集所有的使用者輸入,封裝為大的“k1=v1&k2=v2…”鍵值對形式,使用$.post(url, data,fn)把資料提交給伺服器
$.ajax({
type:'post',
url:'Notice_noTipsNotice',
data:'k1=v1&k2=v2...',
cache:false,
dataType:'json',
success:function(data){
}
});
方式二
單序列化:$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”鍵值對形式,再發起非同步請求即可。
function noTips(){
var formParam = $("#form1").serialize();//序列化表格內容為字串
$.ajax({
type:'post',
url:'Notice_noTipsNotice',
data:formParam,
cache:false,
dataType:'json' ,
success:function(data){
}
});
}
方式三
使用jQuery Form外掛提供的ajaxSubmit()函式
$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
});
//此函式會自動把選定的表單進行序列化並非同步提交