关于学习ajax中的contentType属性笔记
2017-08-02 22:01
267 查看
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/png
PNG … 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
相关文章推荐
- React Native 学习笔记三(关于prop属性的使用和复用)
- 学习笔记——关于动态绑定和属性初始化
- Sharepoint学习笔记---关于Element.xml中Ghostable与GhostableInLibrary属性设置
- AJAX 学习笔记(5) 处理XML文档的DOM元素属性和遍历DOM元素方法
- 【个人学习笔记8之--关于OVER子句 多属性的比较 PIVOT 聚合问题】
- 关于javascript中元素大小的属性的学习笔记
- Spring学习笔记 关于Bean属性的初始化
- Vue学习笔记(3)关于Vue的计算属性
- JSP学习笔记(十四):关于ajax请求成功时返回的是jsonSring还是jsonObject的问题
- 【iOS学习笔记】关于iOS中的属性修饰符初见
- Spring学习笔记 关于Bean定义的重用-使用abstract以及parent标签属性
- 5.16学习笔记(关于ajax和asp.net ajax)
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- 学习笔记:关于Firefox中jQuery.ajax()返回Xml Document
- 学习笔记——关于Ajax
- 关于原生js中ajax部分的学习笔记
- 【jQuery学习笔记】关于jQuery1.6.1版的ajaxstart不执行问题解决方案
- IOS学习笔记01-关于objective-c的成员属性
- ajax学习笔记---XMLHttpRequest的属性和方法
- Ajax学习笔记(4)Sys.WebForms与服务端协同工作以及Sys.Application下的属性