Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel für das Abrufen von Daten aus JSON mithilfe einer Schleife oder if-Anweisung_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:39:24
Original
1347 Leute haben es durchsucht

Zuerst werden JSON-Daten beispielsweise wie folgt geschrieben:

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

Wenn Sie wie oben die ID- und PID-Daten nacheinander herausnehmen möchten, können Sie nur eine Schleife verwenden. Der Code lautet wie folgt:

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);
Nach dem Login kopieren

Auf diese Weise werden die Daten in JSON sequentiell nach den Daten ausgegeben.

Wenn Sie selektiv ausgeben möchten, müssen Sie eine if-Bedingung hinzufügen. Der Code lautet wie folgt:

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

Es ist zu beachten, dass data.head.id undefiniert ist, wenn das Objekt mehrere Datensätze enthält, da es keinen Hinweis darauf gibt, um welchen Datensatz es sich handelt, z. B. data.head[0].id. Wenn im Objekt nur ein Datensatz vorhanden ist, können Gruppendaten direkt über data.head.id ausgegeben werden.

Wenn außerdem die aufgerufenen JSON-Daten auf Chinesisch verstümmelt sind, überprüfen Sie einerseits den von JSON aufgerufenen JQuery-Code, andererseits liegt möglicherweise ein Problem mit der Datei vor, in der sich die JSON-Daten befinden geschrieben.

Das Obige ist ein kleiner Teil des Lernens aus dem Selbststudium von JSON, notieren Sie es.

(Hinweis: Wenn das Objekt mehrere Daten enthält, verwenden Sie diese direkt) (Hinweis: Wenn das Objekt mehrere Daten enthält, verwenden Sie diese direkt)

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage