博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
采用formDate提交表单
阅读量:6830 次
发布时间:2019-06-26

本文共 754 字,大约阅读时间需要 2 分钟。

采用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

 

转载于:https://www.cnblogs.com/bagnliu/p/7879386.html

你可能感兴趣的文章
计算机是如何启动的?
查看>>
Origami
查看>>
初试ASP.NET Web API/MVC API(附Demo)
查看>>
java开发_模仿百度文库_OpenOffice2PDF_注意事项
查看>>
jQuery 效果 - animate() 方法
查看>>
【记录】恢复win7与ARM开发板TQ2440的串口连接
查看>>
HTTP协议详解(转)
查看>>
Java关键字final、static使用总结
查看>>
JavaScript学习总结(十四)——JavaScript编写类的扩展方法
查看>>
Android数据存储
查看>>
JavaScript网站设计实践(五)编写photos.html页面,实现点击缩略图显示大图的效果...
查看>>
[再寄小读者之数学篇](2014-05-20 一个分部积分)
查看>>
Java httpclient请求,解决乱码问题
查看>>
IE10、IE11 无法写入Cookie
查看>>
汉化Eclipse+配色方法(官方语言包)
查看>>
Ansi,UTF8,Unicode,ASCII编码的差别
查看>>
【delphi】Delphi过程、函数传递参数的八种方式
查看>>
严苛模式(StrictMode)
查看>>
HTML5+JS手机web开发之jQuery Mobile初涉
查看>>
人脸识别算法初次了解
查看>>