请看下面的攻略:
请看下面的攻略:
客户端(js)创建jsonArray并传输至服务端
创建jsonArray
1.定义一个空的jsonArray:
var jsonArray = [];
2.向jsonArray中添加数据:
var jsonArray = [];
for (var i = 0; i < 3; i++) {
var jsonObj = {
name: "Tom",
age: i + 18,
gender: "male"
};
jsonArray.push(jsonObj);
}
发送jsonArray至服务端
1.将jsonArray转化为字符串:
var jsonStr = JSON.stringify(jsonArray);
2.使用Ajax将jsonStr发送至服务端(以下示例使用jQuery):
$.ajax({
type: "POST",
url: "/api/user",
data: jsonStr,
contentType: "application/json",
success: function() {
console.log("发送成功");
},
error: function() {
console.log("发送失败");
}
});
服务端(node.js)全面解析jsonArray
解析jsonArray
在node.js中,可以使用body-parser中间件解析json数据。安装body-parser:
npm install body-parser --save
使用body-parser解析json:
var express = require("express");
var bodyParser = require("body-parser");
var app = express();
app.use(bodyParser.json());
app.post("/api/user", function(req, res) {
var jsonArray = req.body;
for (var i = 0; i < jsonArray.length; i++) {
var jsonObj = jsonArray[i];
console.log(jsonObj.name + ", " + jsonObj.age + ", " + jsonObj.gender);
}
res.end("OK");
});
app.listen("3000", function() {
console.log("服务器启动成功");
});
解析示例
1.客户端发送的jsonArray:
[
{
"name": "Tom",
"age": 18,
"gender": "male"
},
{
"name": "Tom",
"age": 19,
"gender": "male"
},
{
"name": "Tom",
"age": 20,
"gender": "male"
}
]
2.服务端(node.js)全面解析jsonArray:
var jsonArray = [
{
name: "Tom",
age: 18,
gender: "male"
},
{
name: "Tom",
age: 19,
gender: "male"
},
{
name: "Tom",
age: 20,
gender: "male"
}
];
for (var i = 0; i < jsonArray.length; i++) {
var jsonObj = jsonArray[i];
console.log(jsonObj.name + ", " + jsonObj.age + ", " + jsonObj.gender);
}
以上就是它的完整攻略,客户端使用javascript创建jsonArray并发送,服务端使用node.js进行全面解析。示例说明中包含了创建jsonArray的方法、发送jsonArray的方法、解析jsonArray的方法和完整的代码示例。
编程基础网
本文标题为:js创建jsonArray传输至后台及后台全面解析
基础教程推荐
猜你喜欢
- JSP request(return String)用法详例 2024-01-04
- 教你使用eclipse 搭建Swt 环境的全过程 2023-08-11
- Go Java算法之外观数列实现方法示例详解 2023-04-07
- Spring Security前后分离校验token的实现方法 2022-11-03
- Spring5新功能@Nullable注解及函数式注册对象 2022-11-28
- 使用java基于pushlet和bootstrap实现的简单聊天室 2023-12-06
- java – ORA-01733(此处不允许使用虚拟列)数据库更新后 2023-10-29
- Springboot启动后立即某个执行方法的四种方式 2022-12-02
- 理解Java核心技术卷一第十一版 2023-10-08
- SpringBoot自定义注解开发指南 2022-12-02
