下面我就为大家带来一篇使用ajax异步提交表单的几种方法总结。现在就分享给大家,也给大家做个参考。
这里介绍三种常用的提交方式
方式一
手工收集所有的用户输入,封装为大的“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
});
//此函数会自动把选定的表单进行序列化并异步提交
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
解决ajax请求中含有数组的办法
ajax请求和filter配合案例解析
ajax解决缓存的5种方法总结
以上就是使用ajax异步提交表单的几种方法总结的详细内容。