采用formDate提交表单

采用formDate提交表单://创建一个FormData空对象,然后使用append方法添加key/value

<script>

$(function(){

$("#btn").click(function(){

  var formData = new FormData();    //创建FormData空对象

  formData.append("file",$("#aa")[0].files[0],$("#aa")[0].files[0].name);       //上传文件

  formData.append("a1",$("#a1").val())        //上传普通val值

  formData.apend("a2",$("select[name='a2']").var())       //上传下拉列表选中项

  $.ajax({   //ajax提交

    url:".......",    //改为自己的接口

    type: 'POST', 

    dataType: 'JSON', 

    data: formData,  

    processData: false,  

    contentType: false,

    success:function(data){

      alert("恭喜您,上传成功");

    } 

  })

})

})

</script>

注意事项:

1、采用formDate提交表单,必须在form标签加上enctype="multipart/form-data"

2、ajax上传时,需要加上processData:false,  contentType:false

 

posted @ 2017-11-22 15:24  bagnliu  阅读(323)  评论(0编辑  收藏  举报