针对在全端开发中发送请求的方式以及后端接收解析处理方式的汇总,基于js全栈的解决方案,如果是熟悉js的小伙伴福利来了!
本文分为前端请求,后端请求,后端处理三部分来详细解读 【请求】的方式及解决方案。
前端
ajax实现
1.POST JSON数据包
var requestData = {
name: "xxx",
value: "xxxx",
now: new Date().getTime()
}
var submit_sync = function() {
$.ajax({
type: "post",
url: 'http://chauncey.com',
async: false, // 使用同步方式
// 1 需要使用JSON.stringify 否则格式为 a=2&b=3&now=14...
// 2 需要强制类型转换,否则格式为 {"a":"2","b":"3"}
data: JSON.stringify(requestData),
//请求头部设置
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
$('#chauncey').text(data.msg);
}
});
}
【HTTP请求部分内容】
POST /test-jquery-ajax/add-post-json.php HTTP/1.1
Host: 192.168.1.104
Connection: keep-alive
Content-Length: 35
Accept: application/json, text/javascript, */*; q=0.01
X-Requested-With: XMLHttpRequest
Content-Type: application/json; charset=UTF-8
{"name": "xxx","value": "xxxx","now": 123123123}
【HTTP响应部分内容】
HTTP/1.1 200 OK
Content-Length: 13
Content-Type: application/json;charset=utf-8
{"result":46}
2.要点说明
【1】
需要使用 JSON.stringify 否则HTTP请求为a=12&b=34。
以下写法并不能达到POST JSON数据包的效果,这是标准的POST格式。
data: {
a: parseInt(