XMLHttpRequest POST 到 PHP答案

【问题标题】：XMLHttpRequest POST to PHPXMLHttpRequest POST 到 PHP
【发布时间】：2022-01-17 10:55:16
【问题描述】：

我在管理在 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”数据。但是如果我将 asynchronous 更改为 true，我会收到 400 Bad Request 的 GET 错误（在 chrome 的控制台中），但没有执行 PHP 的回显。

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

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

谢谢大家！

【问题讨论】：

@developerwjk 他将 false 作为第三个参数传递给 open 函数，这意味着它是同步的。
我明白你说的，但是我更关心的是服务器端，为什么当我将异步设置为 true 时会出现 GET 错误？以及为什么没有执行回显“错误”...我确实尝试直接在控制台上执行单独的JS，但我得到了相同的答案
你有一些重写规则让http://localhost/ajaxTest工作吗？如果不。也许你只是错过了.php 扩展。
@developerwjk 是的，你是对的，我只需要在我的 URL 中添加 index.html，谢谢！
@developerwjk 您是否知道如何添加重写规则以避免将index.php 插入到网址中？

标签： javascript php html xmlhttprequest request

【解决方案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");

【讨论】：