javascript - 使用 vanilla javascript 将数据发布到 php 并将其取回

Question

我正在尝试使用 javascript 将变量发送到 php，并尝试接收回来并提醒该变量。但是 $_POST['data'] 没有得到我传递的数据并且 $obj 始终为 null。

如果我只是回显“some text”；它会发出警告。

这是我的javascript代码:

getMessageType('some data'); //function call

function getMessageType(str)
{
    data = {'key': str};
    var xhr = new XMLHttpRequest();
    var url = "test.php";
    xhr.open('POST', url, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
    console.log(data); //Object {key: "some data"}
    xhr.send(data);

    xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
          console.log(xhr.responseText);
        }
    };
}

这是我的 PHP 代码:

<?php       
$obj = $_POST['key'];
echo $obj;

我做错了什么？

感谢任何帮助。谢谢

Answer 1

您正在发布内容类型为 application/x-www-form-urlencoded 的数据。

因此您的数据必须是形式编码:

data = "key="+str;

如果 POST 信息有任何“表单数据”，您可以在浏览器中检查这一点