如何在 JavaScript 和 PHP 之间传递数据？

在 Javascript 和 PHP 之间传递数据

在 Web 开发中，经常需要在客户端（Javascript）和服务器（ PHP）。以下是实现这种双向通信的方法：

从 Javascript 到 PHP

要将数据从 Javascript 脚本传递到 PHP 页面，您可以使用 HTTP要求。这可以通过 XMLHttpRequest 对象来完成，如以下示例所示：

<code class="javascript">const httpc = new XMLHttpRequest();
const url = "get_data.php";
httpc.open("POST", url, true);

httpc.onreadystatechange = function() {
    if(httpc.readyState == 4 && httpc.status == 200) {
        console.log(httpc.responseText); // process the response from PHP
    }
};

const params = {tohex: 4919, sum: [1, 3, 5]};
httpc.send(JSON.stringify(params)); // send the data as JSON</code>

从 PHP 到 Javascript

将数据从 PHP 脚本传递回Javascript 脚本需要生成 Javascript 可以处理的响应。此响应可以采用多种格式，例如 JSON 或纯文本。以下是生成 JSON 响应的示例：

<code class="php">$tohex = base_convert(4919, 16);
$sum = array_sum([1, 3, 5]);

$response = ["tohex" => $tohex, "sum" => $sum];
echo json_encode($response); // output the JSON response</code>

示例用法

Javascript 脚本向 PHP 脚本发出请求并接收响应的示例将如下所示：

<code class="javascript">async function requestData() {
    const response = await fetch("get_data.php", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({tohex: 4919, sum: [1, 3, 5]})
    });

    const {tohex, sum} = await response.json(); // parse the JSON response
    console.log(tohex, sum); // use the data returned from PHP
}

requestData();</code>

通过结合这些技术，您可以有效地在 Javascript 和 PHP 之间传递数据，促进动态交互客户端和服务器之间。

以上是如何在 JavaScript 和 PHP 之间传递数据？的详细内容。更多信息请关注PHP中文网其他相关文章！