关于jquery ajax上传的坑

简介: processData默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。

今天主要介绍

processData: false,
contentType: false,

这两个参数--

  1. processData
    默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
    比如在文件上传时就需要设置成false。
  2. contentType
    发送数据到服务器时所使用的内容类型。默认是:"application/x-www-form-urlencoded"。从1.6开始,可以设置为false告诉jquery不设置任何内容类型头。
    数据将总是使用UTF-8字符集传递给服务器;你必须在服务器端进行适当的解码。
    注意:跨域请求,设置内容类型如果设置为除了 “application/x-www-form-urlencoded”、“multipart/form-data”、“ text/plain”,将会触发浏览器发送一个 preflight OPTIONS 请求到服务器。

这两个个参数在上传文件的时候就得设置false,而在其它情况下,就不要设置,

processData: false, 让jQuery不要处理数据

contentType: false, 让jQuery不要设置contentType

而且利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件。比起普通的Ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件。使用formdata这两个必须false

其它情况,你只是普通的对象或者数组,就配合application/x-www-form-urlencoded,处理,这样才能让后端获取到数据

,不然就是[object] [object]

还可以这么理解,对于简单的对象或者数组,默认处理就好了,

而对于嵌套的,或者formdata这种,就不能让jq给我们处理掉数据,识别不了

目录
相关文章
N..
|
8月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
78 1
|
8月前
|
XML 前端开发 JavaScript
jQuery中ajax如何使用
jQuery中ajax如何使用
99 0
|
7月前
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
57 0
|
3月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
142 1
|
4月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
44 1
|
4月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
4月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
29 1
|
5月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
286 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
5月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
38 0
|
5月前
|
JavaScript 前端开发
Ajax的使用(jquery的下载)
这篇文章是关于Ajax学习笔记的分享,包括JQuery的下载方式、Ajax的主要参数说明,以及如何在网页中使用Ajax进行异步请求的示例代码。