请看下面的攻略:
请看下面的攻略:
客户端(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 hibernate的分页代码第3/3页 2024-01-11
- SpringBoot 2.5.5整合轻量级的分布式日志标记追踪神器TLog的详细过程 2023-06-17
- 详解http请求中的Content-Type 2023-07-31
- SpringBoot嵌入式Web容器原理与使用介绍 2023-06-17
- JSP servlet实现文件上传下载和删除 2023-07-30
- Spring MVC数据绑定方式 2023-06-30
- springboot中request和response的加解密实现代码 2022-12-08
- 用javascript制作qq注册动态页面 2023-12-16
- 关于@MapperScan包扫描的坑及解决 2023-04-16
- java 解决Eclipse挂掉问题的方法 2024-01-10