PHP配列をJS配列に割り当てることはできますか?

PHPz
リリース: 2023-04-20 15:15:15
オリジナル
482 人が閲覧しました

プログラミング開発では、フロントエンド ページで使用するために、PHP 配列を JavaScript 配列に割り当てる必要がある場合があります。この記事では、この目的を達成するための 2 つの方法を紹介します。

方法 1: JSON 形式を使用する

JSON (JavaScript Object Notation) は軽量のデータ交換形式です。あらゆるデータ型を文字列に変換でき、JavaScript と PHP の間でデータを簡単に転送できます。したがって、JSON 形式を使用すると、PHP 配列を文字列に変換し、それを JavaScript で解析して、JavaScript 配列に変換できます。

以下は、配列を JSON 形式に変換するための PHP のサンプル コードです:

<?php
// 创建一个包含两个元素的PHP数组
$phpArray = array("apple", "orange");

// 将PHP数组转换为JSON字符串
$jsonArray = json_encode($phpArray);

// 输出JSON字符串
echo $jsonArray;
?>
ログイン後にコピー

上記のコードは、次の JSON 文字列を出力します:

["apple","orange"]
ログイン後にコピー

次のステップは次のとおりです。 JavaScript で解析するには JSON 文字列のコード:

var jsonArray = <?php echo $jsonArray ?>;

// 输出JavaScript数组
console.log(jsonArray);
ログイン後にコピー

このコードを実行すると、次の JavaScript 配列がコンソールに出力されます:

["apple", "orange"]
ログイン後にコピー

方法 2: Ajax リクエストを使用する

Ajax リクエストを使用して、ネットワーク リクエストを介してバックエンドからデータを取得し、それを JavaScript 配列に割り当てることができます。具体的な実装手順は次のとおりです:

1. 配列データを取得するための PHP ファイルを作成します。

<?php
// 创建一个包含两个元素的PHP数组
$phpArray = array("apple", "orange");

// 将PHP数组转换为JSON字符串
echo json_encode($phpArray);
?>
ログイン後にコピー

2. Ajax リクエストを使用して PHP ファイルからデータを取得し、それを JavaScript 配列に割り当てます。

// 创建一个空数组,用于存储从PHP文件中获取的数据。
var jsonArray = [];

// 创建一个包含 Ajax 请求的变量。
var xhttp = new XMLHttpRequest();

// 向PHP文件发送请求。
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        // 将从PHP文件中获取的JSON数据解析为JavaScript数组。
        jsonArray = JSON.parse(this.responseText);

        // 输出JavaScript数组。
        console.log(jsonArray);
    }
};
xhttp.open("GET", "get_array_data.php", true);
xhttp.send();
ログイン後にコピー

スクリプトを実行すると、PHP ファイルからデータを取得し、解析して JavaScript 配列にし、その配列をコンソールに出力します。

概要

この記事では、PHP 配列を JavaScript 配列に割り当てる 2 つの方法を紹介します。 JSON 形式を使用して PHP 配列を文字列に変換し、それを JavaScript の JavaScript 配列に解析します。Ajax リクエストを使用して PHP ファイルから配列データを取得し、それを JavaScript 配列に割り当てます。読者は、開発の実際の状況に応じて適切な方法を選択して使用できます。

以上がPHP配列をJS配列に割り当てることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート