关于学习ajax中的contentType属性笔记
来源:互联网 发布:linux的shell用法 编辑:程序博客网 时间:2024/06/08 16:48
post请求常见的contentType有四种
1、application/x-www-form-urlencoded
form表单原生支持类型。这是浏览器默认的contentType类型。
这应该是最常见的 POST 提交数据的方式了。浏览器的原生 form 表单,如果不设置 enctype
属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样:
请求类型:
POST http://www.example.com HTTP/1.1
Content-Type: application/x-www-form-urlencoded;charset=utf-8
请求主体:
key1=val1&key2=val2
首先,Content-Type 被指定为 application/x-www-form-urlencoded;其次,提交的数据按照 key1=val1&key2=val2 键值对的方式进行编码,key 和 val 都进行了 URL 转码。
后台接收的时候可以接收多个匹配字段
2、multipart/form-data
form表单原生支持类型。用于上传文件的时候使用,上传时文件时必须将form的enctyped
属性等于这个值,请求类似于下面这样:
请求类型:
POST http://www.example.com HTTP/1.1
Content-Type:multipart/form-data; boundary=—-WebKitFormBoundaryrGKCBY7qhFd3TrwA
请求主体:
——WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data; name=”text”title
——WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data; name=”file”; filename=”chrome.png”
Content-Type: image/pngPNG … content of chrome.png …
——WebKitFormBoundaryrGKCBY7qhFd3TrwA–
首先生成了一个 boundary 用于分割不同的字段,为了避免与正文内容重复,boundary 很长很复杂。然后 Content-Type 里指明了数据是以 mutipart/form-data 来编码,本次请求的 boundary 是什么内容。消息主体里按照字段个数又分为多个结构类似的部分,每部分都是以 –boundary 开始,紧接着内容描述信息,然后是回车,最后是字段具体内容(文本或二进制)。如果传输的是文件,还要包含文件名和文件类型信息。消息主体最后以 –boundary– 标示结束。
3、application/json
ajax产生之后出现的contentType。用来告诉服务端消息主体是序列化后的 JSON 字符串。使用JSON.stringify来序列化json。这种方法能将结构化比较深的数据提交到后台。越来越多的人将这种方式作为提交数据的默认方式。angularJS中将默认提交的contentType方式设置为application/json
。例如:
var data = {'title':'test', 'sub' : [1,2,3]}; $http.post(url, data).success(function(result) { ... });
请求类型:
POST http://www.example.com HTTP/1.1
Content-Type: application/json;charset=utf-8
请求主体:
{“title”:”test”,”sub”:[1,2,3]}
4、text/xml
不是太常用。它是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。典型的 XML-RPC 请求是这样的:
请求类型:
POST http://www.example.com HTTP/1.1
Content-Type: text/xml
请求主体:
<!--?xml version="1.0"?--> <methodcall> <methodname>examples.getStateName</methodname> <params> <param> <value><i4>41</i4></value> </param> </params> </methodcall>
get请求注意事项
get请求不涉及contentType的问题,请求会吧data中的对象作为?key=value&key2=value2的形式拼接在url后边。
资料链接:
- jquery post时content-type的几种取值
- jQuery get/post区别及contentType取值
- ajax post data 获取不到数据,注意 content-type的设置 、post/get
- 关于学习ajax中的contentType属性笔记
- $.ajax中的contentType
- $.ajax 中的contentType
- ajax 中的contentType
- $.ajax 中的contentType
- ajax中的contentType和dataType
- Ajax的contentType属性怎么使用?
- $.ajax 中的contentType...json传参相关
- 【iOS学习笔记】关于iOS中的属性修饰符初见
- JSP中的pageEncoding和contentType属性(转)
- JSP中的pageEncoding和contentType属性区别
- JSP中的pageEncoding和contentType属性
- JSP中的pageEncoding和contentType属性
- JSP中的pageEncoding和contentType属性
- JSP中的pageEncoding和 contentType属性
- JSP中的pageEncoding和contentType属性
- 浅谈JSP中的PageEncoding和ContentType属性
- JSP中的pageEncoding和contentType属性
- 单例模式
- 找Python安装目录,设置环境路径以及在命令行运行python脚本
- jetson tx2开箱上电
- QSettings 读写注册表
- 原生ajax的封装
- 关于学习ajax中的contentType属性笔记
- Python--反射/自省
- Vuejs之路之--对实例生命周期的理解
- 【c】链表的操作!!!
- c++ 数组 有序数组插入 归并排序思想
- JDK 配置(ubuntu)
- hdu 1003
- 距离之和最小 V3
- GitHub学习(GitHub命令用法解释)