JavaScript と PHP の間でデータを効果的に交換するにはどうすればよいですか?

JavaScript と PHP 間のデータ交換

Web 開発では、JavaScript と PHP 間のデータ交換は一般的なタスクです。この Q&A ガイドでは、JavaScript から PHP にデータを渡す方法、またはその逆の方法について説明します。

JavaScript から PHP へ

JavaScript から PHP にデータを渡すには、 XMLHttpRequest を使用して、PHP ページに非同期リクエストを送信できます。データはエンコードして、POST または GET リクエストとして送信できます。

PHP から JavaScript へ

PHP から JavaScript にデータを渡すには、いくつかのオプションがあります。

• データのエコー: PHP スクリプトからデータを直接エコーでき、JavaScript は XMLHttpRequest 応答イベント リスナーを使用してそのデータをキャプチャできます。
• JSON : PHP データを JSON としてエンコードし、それを JavaScript スクリプトにエコーすることができます。 JavaScript は JSON 文字列を解析してデータにアクセスできます。
• AJAX: jQuery などの JavaScript ライブラリを使用した Ajax 呼び出しなどの AJAX テクニックを使用して、PHP スクリプトに非同期リクエストを行うことができます。 JavaScript コードで直接データを取得して処理します。

実装

client.js

<code class="javascript">data = {tohex: 4919, sum: [1, 3, 5]};
callPHP(data);

function callPHP(params) {
    // create an XMLHttpRequest object
    var httpc = new XMLHttpRequest();

    // set up the request
    var url = "server.php";
    httpc.open("POST", url, true);

    // encode the data as a JSON string to send with the request
    var json = JSON.stringify(params);

    // send the request
    httpc.send(json);

    // handle the response
    httpc.onreadystatechange = function() {
        if (httpc.readyState == 4 && httpc.status == 200) {
            // parse the JSON response
            var response = JSON.parse(httpc.responseText);
            // use the response in your JavaScript code
        }
    };
}</code>

server.php

<code class="php">$data = json_decode(file_get_contents('php://input'), true);
$tohex = $data['tohex'];
$sum = array_sum($data['sum']);

// calculate and encode the response as a JSON string
$response = json_encode([base_convert($tohex, 16), $sum]);

// echo the response
echo $response;</code>

以上がJavaScript と PHP の間でデータを効果的に交換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。