ループまたは if ステートメント_JavaScript スキルを使用して JSON からデータを取得する例

まず、例えばjsonデータは以下のように書きます。

{"head": [ 
{"text":"广州","id":"广州","pid":"广东省"}, 
{"text":"郑州","id":"郑州","pid":"河南省"}], 
}

上記のように、id と pid のデータを順番に取り出したい場合は、ループを使用するだけです。

var head_id = ""; 
var head_pid = ""; 
for (var i = 0; i < data.head.length; i++) { 
head_id += data.head[i].id + " "; //循环输出json数据 
head_pid += data.head[i].pid + " "; 
} 
$("#city").append("city:" + head_id); 
$("#city").append("province:" + head_pid);

このように、dataの次にjsonのデータが順番に出力されます。

選択的に出力したい場合は、if 条件を追加する必要があります。コードは次のとおりです。

for (var i = 0; i < data.head.length; i++) { 
if (data.head[i].pid == "河南省") { //有选择的输出json数据 
head_pid += data.head[i].pid; 
} 
}

オブジェクト内に複数のデータセットがある場合、data.head[0].id など、どのデータセットであるかを示すものがないため、data.head.id は未定義であることに注意してください。オブジェクト内にデータが 1 セットしかない場合は、data.head.id を使用してグループ データを直接出力できます。

また、呼び出されるjsonデータが中国語で文字化けしている場合は、jsonによって呼び出されるjqueryコードを確認する一方で、jsonデータが格納されているファイルに問題がある可能性があります。書かれた。

上記は、独習用の json から少し学習したものです。記録してください。

(注: オブジェクト内に複数のデータがある場合は、それを直接使用します) (注: オブジェクト内に複数のデータがある場合は、それを直接使用します)