请看下面的攻略:
请看下面的攻略:
客户端(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传输至后台及后台全面解析


基础教程推荐
猜你喜欢
- IntelliJ IDEA中创建Java项目 2023-10-08
- Java高频面试题之海量数据处理分析 2023-06-11
- Spring Boot之内嵌tomcat版本升级操作示例 2022-12-14
- Java实现Treap树的示例代码 2023-02-05
- Spring项目中使用Cache Redis实现数据缓存 2022-12-02
- SpringBoot结合JWT实现用户登录、注册、鉴权 2023-07-15
- JSP中表达式的使用详解 2023-08-01
- 将java项目打包成exe可执行文件的完整步骤 2022-12-19
- SpringBoot项目打包war包时无法运行问题的解决方式 2023-01-09
- Redis实现商品秒杀功能页面流程 2023-05-18