如何将参数从视图传递到控制器并保存到变量中？

<form id="myForm">
  <input type="text" name="name" id="nameInput">
  <button type="submit">提交</button>
</form>

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  var name = document.getElementById("nameInput").value; // 获取输入框的值

  // 使用AJAX请求将参数传递给后端控制器
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/controller.php", true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功后的处理逻辑
    }
  };
  xhr.send("name=" + encodeURIComponent(name)); // 将参数值作为请求的数据发送
});

$name = $_POST["name"]; // 接收传递过来的参数值

// 将参数值保存到变量中或进行其他处理
// ...

// 返回响应给前端
// ...