如何在Ajax请求中发送JavaScript数组，求具体实现示例

核心思路 #

JavaScript数组无法直接在HTTP请求中传输，你只需要先将数组序列化为JSON字符串，设置正确的请求头，后端ColdFusion直接解析JSON即可使用，步骤和示例如下：

原生JavaScript实现示例 #

// 1. 收集整理你需要发送的JS数组（可根据你的业务需求调整结构）
const jsRelatedData = [
  { category: "基础语法", count: 120, isMaster: true },
  { category: "异步处理", count: 87, isMaster: false },
  { category: "DOM操作", count: 95, isMaster: true }
];

// 2. 初始化AJAX请求
const xhr = new XMLHttpRequest();
// 替换为你自己的ColdFusion接口地址
xhr.open("POST", "/your/cf/interface.cfm", true);
// 必须设置请求头，告知后端传输格式为JSON
xhr.setRequestHeader("Content-Type", "application/json");

// 3. 请求状态回调
xhr.onload = function () {
  if (xhr.status >= 200 && xhr.status < 300) {
    console.log("发送成功，后端返回：", xhr.responseText);
  } else {
    console.error("发送失败，状态码：", xhr.status);
  }
};

// 4. 序列化数组后发送
xhr.send(JSON.stringify(jsRelatedData));

jQuery AJAX实现示例（如果使用jQuery可直接用更简洁的写法） #

const jsRelatedData = [
  { category: "基础语法", count: 120, isMaster: true },
  { category: "异步处理", count: 87, isMaster: false }
];

$.ajax({
  type: "POST",
  url: "/your/cf/interface.cfm",
  contentType: "application/json",
  data: JSON.stringify(jsRelatedData),
  success: function (res) {
    console.log("发送成功", res);
  },
  error: function (err) {
    console.error("发送失败", err);
  }
});

ColdFusion后端接收解析示例 #

你在对应的.cfm接口文件中可以直接读取解析传输的数组：

<cfscript>
  // 读取请求体原始JSON内容
  rawRequestContent = GetHttpRequestData().content;
  // 反序列化为ColdFusion可直接操作的数组
  receivedDataArr = DeserializeJSON(rawRequestContent);
  
  // 业务处理示例：遍历输出数组内容
  for (dataItem in receivedDataArr) {
    writeDump("分类：" & dataItem.category & "，数量：" & dataItem.count);
  }
  
  // 返回响应给前端
  writeOutput("接收完成，共收到" & arrayLen(receivedDataArr) & "条数据");
</cfscript>

注意事项 #

• 不管是简单的一维数组还是复杂的嵌套对象数组，都可以直接用JSON.stringify处理，不用单独调整格式
• 不要直接把JS数组作为表单参数传递，后端解析成本很高，转JSON是目前最通用稳定的传输方案
• 只有需要兼容IE7及以下极低版本浏览器时，才需要额外引入JSON序列化的polyfill，当前主流浏览器都原生支持JSON.stringify方法

内容的提问来源于stack exchange，提问作者Vojta Janovič