日本語
日本語
JSON（JavaScriptオブジェクト表記）は、人間が読み書きが簡単で、コンピューター分析と生成にも便利な軽量のデータ交換形式です。データをオブジェクトの方法で説明し、サーバーとWebページ間でデータを渡すために広く使用されています。
JSON形式の例：
<span class="fun">{"name"： "zhang san"、 "age"：18、 "gender"： "male"}</span>JSON形式では、データはキーと値のペアの形で表示されます。キーと値は「：」で区切られ、データ項目はコンマで区切られ、データ全体がブレースに囲まれています。
PHPでは、 json_decode（）関数を使用して、JSON形式のデータをPHPアレイに変換できます。
サンプルコード：
$json = '{"name": "チャン・サン", "age": 18, "gender": "男"}';
$arr = json_decode($json, true);
print_r($arr);出力結果：
Array
(
[name] => チャン・サン
[age] => 18
[gender] => 男
)PHPでは、 json_encode（）関数を使用して、PHPアレイをJSON形式に変換できます。
サンプルコード：
$arr = array("name" => "チャン・サン", "age" => 18, "gender" => "男");
$json = json_encode($arr);
echo $json;出力結果：
<span class="fun">{"name"： "zhang san"、 "age"：18、 "gender"： "male"}</span>JSONデータを使用することにより、フロントエンドおよびバックエンド分離アーキテクチャを実装できます。フロントエンドがAJAXを介してバックエンドからJSONデータを取得した後、バックエンドと頻繁に相互作用することなく、対応するDOM操作を実行します。
フロントエンドはAJAXを使用して、バックエンドインターフェイスからJSONデータを取得し、その後の処理を実行します。
$.ajax({
url: "test.php", // バックエンドインターフェイス
type: "get",
dataType: "json", // RETURNデータを次のように指定しますJSON形式
success: function(data) {
console.log(data); // 取得した出力JSONデータ
}
});フロントエンドがJSONデータを取得した後、JavaScriptを介して解析し、ページに表示できます。
$.ajax({
url: "test.php", // バックエンドインターフェイス
type: "get",
dataType: "json", // 戻るJSONデータ
success: function(data) {
// 分析JSONデータ
var name = data.name;
var age = data.age;
var gender = data.gender;
// 将データ显示在页面上
$("#name").text(name);
$("#age").text(age);
$("#gender").text(gender);
}
});この記事では、JSONの基本概念と、PHPのJSONデータの解析と操作方法を紹介します。これには、JSONをPHPアレイに変換し、PHPアレイをJSON形式に変換する方法が含まれます。さらに、Ajaxを介してフロントエンドと対話してフロントエンドの分離を実現し、ユーザーエクスペリエンスとWebサイトのパフォーマンスを向上させる方法も紹介します。
