Node.js+Express+jQuery下如何读取含多变量的JSON数据？

首先说结论：非常建议通过单次Ajax响应传递多个变量，这能减少请求次数、提升性能，但你的写法有问题——你把三个独立的JSON字符串直接拼接返回了，这不符合JSON语法规范，导致客户端无法正常解析。

问题出在哪？ #

你服务器端用response.write分别输出三个JSON字符串，最终返回给客户端的内容是三个JSON值直接连在一起：

["cat1","cat2","cat3",null][{"strength":"10","temp":"10","category":"cat1"}][{"difficulty":"medium","category":"cat1"}]

而JSON语法要求整个响应只能有一个顶级值（要么是对象，要么是数组），这种拼接后的内容是无效JSON，所以JSON.parse(data)会抛出语法错误（你可以打开浏览器控制台F12看一下，肯定有报错），导致后续的alert没执行。

正确的服务器端写法 #

把三个变量放到一个统一的容器（对象或数组）里，再整体转成JSON返回：

方案1：用对象包裹（推荐，可读性更强，变量有明确标识） #

// 服务器端代码
const combinedData = {
  one: one,       // 你的普通数组
  two: two,       // 第一个RowDataPacket对象
  three: three    // 第二个RowDataPacket对象
};
const responseJSON = JSON.stringify(combinedData);
response.write(responseJSON);
response.end();

方案2：用数组包裹 #

如果不需要变量名，也可以用数组：

// 服务器端代码
const combinedData = [one, two, three];
const responseJSON = JSON.stringify(combinedData);
response.write(responseJSON);
response.end();

这样返回的就是一个合法的JSON对象/数组，客户端就能正常解析了。

客户端对应的处理代码 #

对应对象包裹的情况 #

$.ajax({ 
  type: "POST", 
  url: "http://localhost:3000/getthis", 
  data: { "date": date }, 
  dataType: "json", // 加上这个，jQuery会自动帮你解析JSON，不用手动JSON.parse
  success: function(data) { 
    // 直接取出三个变量
    const categoryArr = data.one;
    const strengthData = data.two;
    const difficultyData = data.three;
    
    console.log("分类数组：", categoryArr);
    console.log("强度数据：", strengthData);
    console.log("难度数据：", difficultyData);
  },
  // 加上错误处理，方便调试
  error: function(xhr, status, error) {
    console.error("请求出错：", error);
  }
});

对应数组包裹的情况 #

$.ajax({ 
  type: "POST", 
  url: "http://localhost:3000/getthis", 
  data: { "date": date }, 
  dataType: "json",
  success: function(data) { 
    // 用解构赋值直接取出三个变量
    const [categoryArr, strengthData, difficultyData] = data;
    
    console.log("分类数组：", categoryArr);
    console.log("强度数据：", strengthData);
    console.log("难度数据：", difficultyData);
  },
  error: function(xhr, status, error) {
    console.error("请求出错：", error);
  }
});

为什么不建议直接拼接多个JSON？ #

除了不符合JSON语法导致解析失败外，还有这些问题：

• 可读性极差：客户端拿到数据后，很难区分各个变量的边界
• 维护困难：后续如果要新增或删除变量，客户端和服务器端都要修改拆分逻辑
• 容易出错：如果某个变量的JSON里包含特殊字符（比如]），手动拆分的话会直接出错

而用统一容器包裹的方式，完全符合标准JSON规范，代码清晰易维护，是业界通用的做法。

内容的提问来源于stack exchange，提问作者Hejhejhej123