表单转ajax包括上传文件

$('form#form标签的id值').on('beforeSubmit', function(e) {

  var form = $(this);
  var formData = new FormData();
  $.each(this,function(k,v) {
      if(v.type=='file'){
          /*处理文件*/
          if(v.files.length!=0){
              formData.append(v.name, v.files[0], v.files[0].name);
          }
      }else{
          /*处理其他name值*/
           formData.append(v.name, v.value);
      }
  })
 $.ajax({
          url: form.attr('action'),/*获取表单提交路径*/
          type: 'post',/*提交方式*/
          data:formData,/*提交数据 表单+文件*/
          processData: false,
          contentType: false,
          success: function (msg) {
              /*执行成功后*/
               //console.log(msg.status);
         },
      error : function(jqXHR) {

          /* 执行失败后 比如404 500*/
          console.log(JSON.stringify(jqXHR));

      }
        },'json');
/* 接收方式为json*/
}).on('submit', function(e){
   /*这里*/
  e.preventDefault();
});

有多简单呢，只需要在表单的<form  id="在这写个id值"></form>，把$('form#form标签的id值')的#号后面的“form标签的id值“替换为写的id值

就可以了，就这么简单  onsubmit都省了，直接顺带阻止提交

接收方式

name值  $_POST

文件值   $_FILES