在开发时,我发送一个移步请求,数据内容都没有问题,但是却返回了 false,这是为什么那?
在使用1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$.ajax({
url:url,
type:"POST",
dataType:"json",
headers:{
"X-Oc-Merchant-Id":Merchant-Id
},
data:{
"product_id": product_id,
"quantity": "1",
"option": null,
"recurring_id":"0"
},
success: function(jsonData){
console.log(jsonData);
}
});
发送请求,在测试工具是可以返回成功的。但是在项目里却不可以。
在 http 请求中 Form data 为
1
2
3
4
product_id:417
quantity:1
option:
recurring_id:0
说明参数已经获取到了,可能的原因是在服务器没有正确解析(因为在测试工具中把参数删除,也是返回 false)。
经过查资料得知 jquery 在执行 post 请求时,会设置 Content-Type 为 application/x-www-form-urlencoded(服务器会以名值对的方式解析数据),而使用原生的 js 则 Content-Type 默认值为 text/plain。
既然如此如果服务器接收到值,那么就可以正确解析。
继续调查得知使用 JSON.stringify(data) 方法,就可以把参数传化成 json 格式,这就就可以成功被解析了。
这么说是 json 格式的数据才能被解析了,那么我设置 Content-Type 为 application/json charset=utf-8 为什么还要用 JSON.stringify() 那?
JSON.stringify() 的作用:可以将任意的 JavaScript 值序列化成 JSON 字符串。
在姚兄的指导下发现,在服务器端原来使用了 json_decode。那么 json_decode 是干什么用的那?
json_decode 是对 JSON 格式的字符串进行编码,所以就需要传过去一个 json 格式的字符串。
因为使用 jquery 的 ajax 方法则是以 key1=val1&key2=val2 的方式进行编码,所以后台不能解析。
而 Content-Type 为 application/json 就已经告诉服务端消息主体是序列化后的 JSON 字符串,为什么还要用 JSON.stringify() 那?
原因是因为传入的1
2
3
4
5
6
data{
"product_id": product_id,
"quantity": "1",
"option": null,
"recurring_id":"0"
},
是个对象,需要使用 JSON.stringify() 序列化成 json 格式的字符串。