前台需要POST一个data对象给后台,如果不使用JSON格式转换,直接用AJAX将data对象传给后台,后台接收到的是键值对。
在控制台中,Request Headers里面可以看到
Content-Type:application/x-www-form-urlencoded;charset=utf-8
在Form Data里看到表单数据是这样的
name : test
pwd : 123456
var data = {
"name" : 'test', //注意字符串要用引号括起来,不括起来是变量
"pwd" : '123456'
};
$.ajax({
type: "POST"
url : url, // 不括起来,url是个变量,应该在ajax外面定义,这篇省略了没写
data: data,//没有json处理
success: function(response) {
if(response.code == "200") {
alert("success!");
}else {
alert("lose!");
}
}
})
如果前后台统一用json处理,将data转换为json字符串再发送,并且contentType表明是json格式:
var data = {
"name" : name,
"pwd" : pwd
};
$.ajax({
type: "POST"
url : url,
contentType : 'application/json',// 表明json格式
data: JSON.stringify(data),// 转换成json字符串
success: function(response) {
if(response.code == "200") {
alert("success!");
}else {
alert("lose!");
}
}
})
后台接收到Json字符串,然后再解析。
这是可以看到控制台里,Request Header里写的
Content-Type:application/json
在Requst Payload里可以看到数据:
{name: “test” , pwd : “123456” }
name: “test”
pwd: “123456”