如何使用javascript将模型数据从视图发布到控制器

// HTML视图部分
<input type="text" id="dataInput">
<button id="submitButton">提交</button>

// JavaScript部分
document.getElementById("submitButton").addEventListener("click", function() {
  var inputData = document.getElementById("dataInput").value; // 获取输入框的值

  // 使用AJAX将数据发送到控制器
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/controller", true);
  xhr.setRequestHeader("Content-Type", "application/json");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      // 处理控制器返回的响应
    }
  };
  xhr.send(JSON.stringify({ data: inputData }));
});

// 控制器部分（后端代码，此处仅为示例）
app.post("/controller", function(req, res) {
  var inputData = req.body.data; // 获取前端发送的数据
  // 处理数据逻辑
  // 返回响应给前端
  res.json({ success: true });
});