如何将客户端JavaScript数组通过Node.js API存入MongoDB数据库？

看起来你已经把后端的基础工作都搞定了（Postman测试成功太棒了！），现在只需要在前端用jQuery发送AJAX请求，把你生成的gameTitle、users、scores、positions这几个变量打包成符合后端要求的格式，就能完成提交了。

核心步骤：用jQuery AJAX发送POST请求 #

你需要给表单的提交按钮绑定一个点击事件（或者直接监听表单的submit事件），阻止浏览器默认的表单提交行为，然后把变量整理成后端能识别的键值对，再发送请求到你的API路由。

完整的前端代码示例

假设你的表单ID是scoreForm（你可以替换成自己实际的表单ID），代码如下：

// 监听表单提交事件
$('#scoreForm').on('submit', function(e) {
  // 阻止浏览器默认的表单跳转行为
  e.preventDefault();

  // 这里就是你生成的四个变量（实际场景中是你动态生成的数值）
  const gameTitle = "Monopoly";
  const users = ["Bob", "Bill", "Jim", "Janet"];
  const scores = [100, 110, 90, 80];
  const positions = [2, 1, 3, 4];

  // 构造后端需要的数据格式：注意键名要和后端req.body里的对应！
  // 后端里users取的是req.body.user，scores取req.body.score，positions取req.body.position
  const postData = {
    gameTitle: gameTitle,
    user: users, // 这里是user（单数），对应后端的req.body.user
    score: scores, // 对应后端的req.body.score
    position: positions // 对应后端的req.body.position
  };

  // 发送AJAX POST请求到你的API路由
  $.ajax({
    url: '/', // 替换成你实际的API路径，比如'/api/sessions'
    type: 'POST',
    contentType: 'application/json', // 告诉后端我们发的是JSON格式
    data: JSON.stringify(postData), // 把数据转成JSON字符串
    success: function(response) {
      // 提交成功后的处理：比如提示用户、清空表单等
      console.log('数据提交成功！', response);
      alert('游戏记录已保存！');
    },
    error: function(xhr, status, error) {
      // 处理错误情况
      console.error('提交失败：', error);
      alert('保存失败，请稍后重试');
    }
  });
});

关键注意点 #

1. 键名必须严格对应后端：你后端代码里写的是users : req.body.user（注意是user单数）、scores : req.body.score、positions : req.body.position，所以前端发送的对象里的键名必须是user、score、position，不能写成users、scores、positions，否则后端接收不到数据！
2. API路径要正确：上面代码里的url: '/'要替换成你实际的后端路由地址，比如如果你的后端把这个POST接口挂载在/api/sessions，那就要改成url: '/api/sessions'。
3. 确保jQuery已引入：如果你的页面还没引入jQuery，要先在HTML里添加引入代码，比如：

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

测试验证 #

你可以在浏览器的开发者工具（F12）里打开Network标签，提交表单后查看发送的POST请求，检查Request Payload里的数据格式是否正确，以及后端返回的状态码（200就是成功，500就是服务器错误）。

如果遇到问题，比如后端返回500错误，可以查看Node.js的控制台日志，看具体是数据库操作哪里出了问题，这样更容易排查。

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