Question

我有这个XMLHttpRequest库：

function easyHTTP() {
  this.http = new XMLHttpRequest();
}

// Make an HTTP POST Request
easyHTTP.prototype.post = function(url, data, callback) {
  this.http.open('POST', url, true);
  this.http.setRequestHeader('Content-type', 'application/json');

  let self = this;
  this.http.onload = function () {
    callback(null, self.http.responseText);
  }

  this.http.send(JSON.stringify(data));
}

在我的HTML上，我有一个带有id="btn"的按钮标签，当我单击此按钮时，我想将一些数据发送到一个PHP文件（名为“ ajax.php”），所以我有：

document.addEventListener("DOMContentLoaded", function() { 
      
      const http = new easyHTTP();

      // Create Data 
      const data = {
        title: 'Custom Posts',
        body: 'This is a custom post1'
      };

      document.getElementById('btn').addEventListener('click', function(e){

        // Create Post
        http.post('ajax.php', data, function(err, response){
          if(err) {
            alert(err);
          } else {
            alert(response);
          }
        });

        e.preventDefault();
      });

      
    });

在我的“ ajax.php”中，我有：

<?php 

if($_SERVER['REQUEST_METHOD'] == "POST") {

  echo var_dump(json_encode($_POST));

}

?>

但是我从return中得到的只是一个空数组，它不应该作为响应发送给我吗？（用“标题”和“正文”构造数据）？我在做什么错了？

Answer 1

似乎XMLHttpRequest不会将正文发送到$ _POST而是发送到'php：// input'。

所以代替：

json_encode($_POST)

您可以使用：

file_get_contents('php://input')

请注意，结果仍为JSON格式。

如何正确接收AJAX发送的数据

1 个答案: