PHPでjs配列の値を出力する方法

PHPz
リリース: 2023-04-25 18:34:23
オリジナル
712 人が閲覧しました

PHP は、動的 Web ページや Web アプリケーションの生成に使用できる、広く使用されているサーバー側スクリプト言語です。 Web アプリケーションを開発する場合、多くの場合、処理とレンダリングのために PHP から JavaScript にデータを渡す必要があります。これには、JavaScript 配列の値の出力が含まれます。

この記事では、PHP を使用して JavaScript 配列の値を出力する方法を紹介します。

  1. JavaScript 配列を直接出力する

PHP では、単純な JavaScript 配列を出力する必要がある場合、次のコードを使用して操作できます:

var jsArray = ".json_encode($array).";";

?>
ログイン後にコピー

上記のコードでは、最初に 3 つの文字列要素を含む PHP 配列 $array を定義します。次に、json_encode() 関数を使用して、この配列を JSON 形式の文字列に変換し、それを JavaScript 変数 jsArray に割り当てます。

最後に、PHP の echo ステートメントを使用して、生成された JavaScript コードを Web ページに出力します。これにより、PHP から JavaScript にデータを渡すことができます。

  1. AJAX 経由の JavaScript 配列の出力

PHP から取得した JavaScript 配列を動的にロードする必要がある場合は、AJAX を使用して実行できます。

PHP では、AJAX リクエストを処理し、JavaScript 配列を含む JSON オブジェクトを返すスクリプトを作成する必要があります。

ログイン後にコピー

上記のコードでは、getArray という名前の AJAX リクエストを定義し、リクエスト内でリクエスト処理スクリプトを ajax.php として指定します。

AJAX では、XMLHttpRequest オブジェクトを使用してリクエストを送信し、リクエストの完了後に応答から JavaScript 配列を取得する必要があります。

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var jsArray = JSON.parse(xhr.responseText);
        console.log(jsArray);
    }
};

xhr.open('POST', 'ajax.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('action=getArray');
ログイン後にコピー

上記のコードでは、まず xhr という名前の XMLHttpRequest オブジェクトを作成し、その onreadystatechange イベントを定義します。イベント応答関数では、リクエストのステータスが 4 (リクエストが完了したことを示す) で、ステータス コードが 200 (リクエストが成功したことを示す) の場合、レスポンスが返されます。テキストは JavaScript オブジェクトに解析され、コンソールに出力されます。

次に、xhr.open() メソッドを呼び出して POST リクエストを開き、AJAX リクエスト処理用の PHP スクリプトを ajax.php として指定します。 send() メソッドでリクエストを送信し、リクエスト パラメータを 'action=getArray' として指定します。

要約すると、上記の 2 つの方法を通じて、PHP のデータを JavaScript 配列に渡して処理およびレンダリングすることができます。

以上がPHPでjs配列の値を出力する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!