javascript - 无法在 PHP 中回显以 ajax 发送的 POST 参数

Question

我将 send 方法中的两个参数发送到 index.php。但是 PHP 返回一个错误“未定义的索引”。回声 $_POST['fname'];

submit.addEventListener("click", function(e){
    e.preventDefault(); 
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "index.php", true);
    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    xhr.onreadystatechange = function () {
      if(xhr.readyState == 4 && xhr.status == 200) {
        var result = xhr.responseText;
        console.log(result);
      }
    }
    xhr.send("fname=Henry&lname=Ford");
  });

标签： javascriptphpajax

Answer 1

为了通过 Ajax 发送表单数据，您必须指定请求的内容类型。在您的情况下，它将是'application/x-www-form-urlencoded：

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

所以你的代码将是：

submit.addEventListener("click", function(e){
  e.preventDefault(); 
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "index.php", true);
  xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  xhr.onreadystatechange = function () {
    if(xhr.readyState == 4 && xhr.status == 200) {
      var result = xhr.responseText;
      console.log(result);
    }
  }
  xhr.send("fname=Henry&lname=Ford");
});