js创建jsonArray传输至后台及后台全面解析

请看下面的攻略:

请看下面的攻略:

客户端(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传输至后台及后台全面解析

基础教程推荐