首頁 > 後端開發 > php教程 > 如何在 JavaScript 和 PHP 之間傳遞資料?

如何在 JavaScript 和 PHP 之間傳遞資料?

Barbara Streisand
發布: 2024-11-01 02:06:28
原創
769 人瀏覽過

How do you pass data between JavaScript and 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板