请看下面的攻略:
请看下面的攻略:
客户端(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输出HTML时产生的大量空格和换行的去除方法 2024-01-11
- java快速生成数据库文档详情 2023-03-07
- SpringBoot结合Redis实现序列化的方法详解 2022-12-11
- C++异常处理 try,catch,throw,finally的用法 2024-03-04
- Java如何分析算法的时间和空间复杂度 2023-01-13
- 是否有适用于ARM Linux的java sqlite3库? 2023-11-05
- Java RabbitMQ高级特性详细分析 2023-04-06
- Java web实现购物车案例 2023-04-23
- java去掉html标签 必须首先去掉双引号的正则 2024-01-10
- SpringMVC使用第三方组件实现文件上传 2024-02-26