ホームページ  >  記事  >  バックエンド開発  >  JavaScript と PHP の間でデータを渡すにはどうすればよいでしょうか?

JavaScript と PHP の間でデータを渡すにはどうすればよいでしょうか?

Barbara Streisand
Barbara Streisandオリジナル
2024-11-01 02:06:28756ブラウズ

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>

From PHP to Javascript

PHP スクリプトから Javascript へのデータの受け渡し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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。