请看下面的攻略:
请看下面的攻略:
客户端(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传输至后台及后台全面解析
![](/xwassets/images/pre.png)
![](/xwassets/images/next.png)
猜你喜欢
- java(jsp)整合discuz同步登录功能详解 2024-01-27
- Java 二维数组创建及使用方式 2023-04-18
- java – 我可以在客户端 – 服务器数据库环境中使用嵌入式Derby数据库吗? 2023-11-04
- java利用Future实现多线程执行与结果聚合实例代码 2023-08-11
- 不调用方法实现hutool导出excel图片示例详解 2023-04-13
- Java实现学生管理系统(IO版) 2022-11-01
- Java ThreadPoolExecutor线程池有关介绍 2023-05-14
- Go语言开发前后端不分离项目详解 2023-12-28
- SpringBoot集成SFTP客户端实现文件上传下载实例 2023-04-23
- 深入了解Java包与访问控制权限 2023-05-25