jQuery中表单插件ajaxForm怎么用
发布时间:2021-07-15 12:48:15
来源:亿速云
阅读:70
作者:小新
这篇文章主要介绍jQuery中表单插件ajaxForm怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
前端时间写项目用到了ajaxForm这个插件,可以用它提交表单和上传图片,听起来和正常的form表单提交没什么区别,只不过是ajax提交,无需刷新页面,如此可以增加用户体验度。
引入两个文件,PS:必须
使用方法如下:
html代码:
标题:
图片:
js代码:
$('#button').click(function(){
var options = {
type:'post', //post提交
url:'http://ask.tongzhuo100.com/server/****.php?='+Math.random(), //url
dataType:"json", //json格式
data:{'name':name,....}, //如果需要提交附加参数,视情况添加
clearForm: true, //成功提交后,清除所有表单元素的值
resetForm: true, //成功提交后,重置所有表单元素的值
cache:false,
async:false, //同步返回
success:function(data){
//服务器端返回处理逻辑
},
error:function(XmlHttpRequest,textStatus,errorThrown){
alert('操作失败');
}
};
$('#submit').ajaxSubmit(options);
})
用法大概就是这样,其中遇到两个坑,本人把ajaxform封装了一个方法,因为项目中多次用到,然后用的同步请求,这样好做处理,但是没有图片上传的情况下,同步是可以的,能够兼容到ie7,但是如果有图片上传,ie 7、8、9 同步就无法做处理了,只能异步了,所以当时只能写成异步了。
以上是“jQuery中表单插件ajaxForm怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!