jQuery中表单插件ajaxForm怎么用

这篇文章主要介绍jQuery中表单插件ajaxForm怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

我们提供的服务有：成都网站建设、网站设计、微信公众号开发、网站优化、网站认证、肃宁ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的肃宁网站制作公司

前端时间写项目用到了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怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网页名称：jQuery中表单插件ajaxForm怎么用
转载来于：http://6mz.cn/article/ghphhj.html