使用ajax发布多个输入

<form id="myForm">
  <input type="text" name="input1" id="input1" placeholder="Input 1"><br>
  <input type="text" name="input2" id="input2" placeholder="Input 2"><br>
  <button type="submit">Submit</button>
</form>

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

  var input1 = document.getElementById("input1").value;
  var input2 = document.getElementById("input2").value;

  var data = {
    input1: input1,
    input2: input2
  };

  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/submit", 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));
});