application/x-www-form-urlencoded表单与application/json格式传输

在进行http请求时，不可避免的一个参数就是content-type，不同的content-type会导致的不同的传输类型，参数接收方式，以及其他区别。

Content-type（MediaType），即是Internet Media Type，互联网媒体类型，也叫做MIME类型。在互联网中有成百上千中不同的数据类型，HTTP在传输数据对象时会为他们打上称为MIME的数据格式标签，用于区分数据类型。最初MIME是用于电子邮件系统的，后来HTTP也采用了这一方案。

在HTTP协议消息头中，使用Content-Type来表示请求和响应中的媒体类型信息。它用来告诉服务端如何处理请求的数据，以及告诉客户端（一般是浏览器）如何解析响应的数据，比如显示图片，解析并展示html等等。

这里有一个在线http测试：在线http测试

一、表单参数传输：application/x-www-form-urlencoded

HTTP会将请求参数用key1=val1&key2=val2的方式进行组织，并放到请求实体里面，注意如果是中文或特殊字符如"/"、","、“:" 等会自动进行URL转码。不支持文件，一般用于表单提交。

例子：

let user={user_name:"小白",age:18};
wx.request({
? ? ? ? ? ? ? ? method: "post",
? ? ? ? ? ? ? ? url: http,?
? ? ? ? ? ? ? ? data: {
? ? ? ? ? ? ? ? ? ?params: JSON.stringify(user),
? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? header: {
? ? ? ? ? ? ? ? ? "content-type": "application/x-www-form-urlencoded",?
? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? success(res) {
? ? ? ? ? ? ? ? },
? ? ?});

let user={user_name:"小白",age:18};
wx.request({
? ? ? ? ? ? ? ? method: "post",
? ? ? ? ? ? ? ? url: http,?
? ? ? ? ? ? ? ? data: {
? ? ? ? ? ? ? ? ? ?params: JSON.stringify(user),
? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? header: {
? ? ? ? ? ? ? ? ? "content-type": "application/x-www-form-urlencoded",?
? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? success(res) {
? ? ? ? ? ? ? ? },
? ? ?});

?后端接收：

@RequestMapping("/saveUser")
public String saveUser(@RequestParam("params") String params, HttpServletRequest request,HttpServletResponse response) {
//将params转化成JSONobject
JSONObject user =JSONObject.fromObject(params);
return ?null;
}

二、json传输：application/json

JSON 是一种轻量级的数据格式，以“键-值”对的方式组织的数据。这个使用这个类型，需要参数本身就是json格式的数据，参数会被直接放到请求实

体里，不进行任何处理。服务端/客户端会按json格式解析数据（约定好的情况下）。

let user={user_name:"小白",age:18};
wx.request({
? ? ? ? ? ? ? ? method: "post",
? ? ? ? ? ? ? ? url: http,?
? ? ? ? ? ? ? ? data: user,
? ? ? ? ? ? ? ? header: {
? ? ? ? ? ? ? ? ? "content-type": "application/json",?
? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? success(res) {
? ? ? ? ? ? ? ? },
? ? ?});

后端接收：

直接使用@RequestBody来接收JSON参数，当然也可以使用具体实体类来接收：

@RequestMapping("/saveUser")
public String saveUser(@RequestBody User user, HttpServletRequest request,HttpServletResponse response) {
return ?null;
}