XMLHttpRequest POST 到 PHP

Question

我在管理在 JS 上向我自己的服务器发出的简单 XMLHttpRequest 的答案时遇到了一些问题。我有一些令人不安的答案，这是我的代码：

JavaScript:

function callPHP () {
    var xml = new XMLHttpRequest();
    xml.open("POST", "http://localhost/ajaxTest", false);
    xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xml.send("format=json");
    var resp = xml.responseText;
    console.log(resp);
}

和PHP：

<?php
    if (isset($_POST["format"])){
        if($_POST["format"] == "json"){
            echo '
                {
                    "name": "Name",
                    "lastName": "LastName", 
                    "dob" : "dd/mm/yyyy",
                }
                ';
        }
    }else{
        print_r($_POST);
        echo "Error";
        http_response_code(400);
    }


?>

每当我执行我的 JS 时，我都会得到 PHP 代码的错误部分，即使已根据请求发送了 "format=json" 数据。但是，如果我将异步更改为 true，则会收到 400 Bad Request 的 GET 错误（在 chrome 的控制台中），但不会执行 PHP 的回显。

我知道我必须检查 xmlhttprequest 状态和响应代码才能执行异步，我直接在控制台上测试它。

我不知道我在这里做错了什么，POST数据应该被发送，并且独立于异步与否，对吧？

谢谢大家！

Answer 1

看起来您的 javascript 函数的结构不正确。您应该在发送请求之前设置一个侦听器。在您的代码中可能是这样的：-

var xml = new XMLHttpRequest();
xml.onreadystatechange = function() {
    if( xml.readyState==4 && xml.status==200 ){
        console.log( xml.responseText );
    }
};

xml.open("POST", "http://localhost/ajaxTest", false);
xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xml.send("format=json");

XMLHttpRequest POST 到 PHP

XMLHttpRequest POST to PHP

html

javascript

php

xmlhttprequest

request