如何在 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中文網其他相關文章！