如何使用Ajax将单个表单值传递给PHP？

<form>
  <input type="text" id="inputValue">
  <button type="button" onclick="sendData()">提交</button>
</form>

function sendData() {
  var value = document.getElementById("inputValue").value;
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "your_php_file.php", true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功后的处理逻辑
      console.log(xhr.responseText);
    }
  };
  xhr.send("value=" + encodeURIComponent(value));
}

function sendData() {
  var value = $("#inputValue").val();
  $.ajax({
    url: "your_php_file.php",
    type: "POST",
    data: { value: value },
    success: function(response) {
      // 请求成功后的处理逻辑
      console.log(response);
    }
  });
}

$value = $_POST["value"];
// 对$value进行处理，如存储到数据库或进行其他操作