javascript - 使用 AJAX 从原始 JavaScript 到 PHP 的值

Question

我想知道如何使用 ajax 和 vanilla javascript 将内容发送到 php。我问你是因为我刚找到 jQuery 解决方案。

我知道如果我想收到一些东西，它应该是这样的:

var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      this.responseText; // This is my response
    }
  };
  xhttp.open("GET", "phpfile.php", true);
  xhttp.send();

有人可以解释或发送给我解决方案，因为我找不到任何东西。

Answer 1

第一种方法

将数据从 JavaScript 发送到 PHP(或任何其他脚本)应该与您发现的一样:

xhttp.setRequestHeader('Content-type', 'application/json');
xhttp.send(JSON.stringify(params));

其中 params 是一些 JavaScript 变量。 application/json 是 JSON 数据的数据类型。

在 PHP 方面，您也是正确的:使用 JSON_decode() 获取与您发送的 JavaScript 数据等效的 PHP。

---

第二种方法(只针对GET请求)

GET 数据在 URL 中编码，因此另一种方法是将数据直接编码到 PHP 脚本的 URL 中。 (不要对敏感数据执行此操作。)

Javascript:

xhttp.open("GET", "phpfile.php?x=2&y=3&z=4");

PHP:

$x = $_GET["x"];
$y = $_GET["y"];
$z = $_GET["z"];

---

因为您似乎不清楚如何使用第一种方法发送多个变量:

如果要发送多个变量，请将其放入一个对象或数组中(因为 JSON.stringify() 只接受一个(数据)参数，而不是逗号分隔的参数列表)。

// for example, to send the variables x, y, z
var xValue = 2;
var yValue = 3;
var zValue = 4;
xhttp.setRequestHeader('Content-type', 'application/json');
xhttp.send(JSON.stringify({ x: xValue, y: yValue, z: zValue }));

PHP:

$data = json_decode($_GET);
echo $data->x;  // 2
echo $data->y;  // 3
echo $data->z;  // 4;

(免责声明:代码未经测试；我不确定是否将数据接收到 $_GET 变量中。在 PHP 接收 JSON 的变量上使用 json_decode()数据来自。)