使用AJAX POST请求发送JSON对象格式是否正确？数据未填充问题咨询

首先，从你贴的代码来看，基本的发送格式是正确的：将JavaScript对象序列化为JSON字符串、设置Content-Type: application/json;charset=UTF-8请求头、通过POST方法发送，这是标准的AJAX提交JSON数据的流程。但数据没有成功填充，大概率是某个细节环节出了问题，我给你列几个常见的排查方向：

可能的问题点及解决办法 #

• 确认myNewData是否真的包含有效数据
  在调用JSON.stringify之前，一定要先打印检查这个变量的内容：

  console.log("待发送的原始数据:", myNewData);
  

  如果输出是undefined或者空数组，那说明你的数据根本没准备好，得先排查myNewData的赋值逻辑是否正确。

• 检查save元素的事件绑定是否生效
  如果你是在页面加载完成前就执行了绑定事件的代码，那save元素可能还没被DOM解析出来，导致点击事件根本没触发。建议把代码放到DOMContentLoaded事件里，确保DOM元素加载完成后再绑定：

  document.addEventListener('DOMContentLoaded', function() {
    // 这里写你的save元素获取和事件绑定代码
  });
  

  另外也要确认save变量确实指向了正确的DOM元素（比如是不是通过document.getElementById或正确的选择器获取的），有没有拼写错误。

• 后端是否正确接收JSON格式的请求体
  很多后端框架默认是解析表单数据（application/x-www-form-urlencoded），不是JSON。举两个常见后端的处理方式：

  • 如果你用Node.js + Express：需要在代码中添加express.json()中间件来解析JSON请求体
  • 如果你用PHP：不能直接用$_POST获取，需要通过file_get_contents('php://input')读取请求体，再用json_decode解析成数组

• 调整代码顺序，确保状态监听先绑定再发送请求
  你现在把onreadystatechange放在send()之后，虽然异步情况下大概率没问题，但有些极端场景可能会错过状态变化。建议把监听逻辑移到open()之后、send()之前，这样更稳妥：

  request2.open("POST", "你的后端接口地址", true);
  request2.setRequestHeader("Content-type", "application/json;charset=UTF-8");
  // 先绑定状态变化监听
  request2.onreadystatechange = function () {
      if (this.readyState == 4) {
          if (this.status == 200) {
              console.log(this.responseText);
          } else {
              // 新增错误日志，方便排查
              console.error("请求失败，状态码:", this.status);
          }
      }
  };
  // 再发送请求
  request2.send(dataJson);
  

修正后的完整示例代码 #

document.addEventListener('DOMContentLoaded', function() {
    // 假设你的按钮id是"save"，根据实际情况修改选择器
    const saveBtn = document.getElementById('save');
    if (!saveBtn) {
        console.error("找不到save按钮元素");
        return;
    }

    saveBtn.addEventListener("click", function () {
        // 先验证数据是否存在
        if (!window.myNewData || myNewData.length === 0) {
            console.error("myNewData为空或未定义");
            return;
        }

        console.log("待发送数据:", myNewData);
        const dataJson = JSON.stringify(myNewData);
        console.log("序列化后的JSON:", dataJson);

        const request = new XMLHttpRequest();
        request.open("POST", "你的后端接口URL", true);
        request.setRequestHeader("Content-type", "application/json;charset=UTF-8");
        
        request.onreadystatechange = function () {
            if (this.readyState === 4) {
                if (this.status === 200) {
                    console.log("请求成功，响应:", this.responseText);
                } else {
                    console.error("请求失败，状态码:", this.status, "响应:", this.responseText);
                }
            }
        };

        request.send(dataJson);
    });
});

按照上面的步骤逐一排查，应该能找到数据未填充的原因。

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