Jquery JSON-Daten zu Bekommen

Kann jemand mir helfen, JSON mit JQuery? Ich glaube, ich mache einige Fehler in meinen JQuery code. Jede Hilfe wird geschätzt. Unten ist mein JSON und JQuery:

JSON:

{
    "video": [
        {
            "id": "12312412312",
            "name": "Ecuaciones Diferenciales",
            "url": "/video/math/edo/12312412312",
            "author": {
                "data": [
                    {
                        "name_author": "Alejandro Morales",
                        "uri": "/author/alejandro-morales",
                        "type": "master"
                    }
                ]
            },
            "comments": {
                "data": [
                    {
                        "id": "367501354973_12216733",
                        "from": {
                            "name": "Doug Edwards",
                            "id": "628675309"
                        },
                        "message": "Make sure you don't, as they say, go whole hog...\nhttp://www.youtube.com/watch?v=U4wTFuaV8VQ",
                        "created_time": "2010-03-06T03:24:46+0000"
                    },
                    {
                        "id": "367501354973_12249673",
                        "from": {
                            "name": "Tom Taylor",
                            "id": "1249191863"
                        },
                        "message": "Are you and Karen gonna, as they say, pig out?",
                        "created_time": "2010-03-06T21:05:21+0000"
                    },
                    {
                        "id": "367501354973_12249857",
                        "from": {
                            "name": "Sheila Taylor",
                            "id": "1315606682"
                        },
                        "message": "how did it turn out? Sounds nummy!\n",
                        "created_time": "2010-03-06T21:10:30+0000"
                    }
                ]
            }
        },
        {
            "id": "12312412311",
            "name": "Ecuaciones Diferenciales : El arte de las diferenciaciones",
            "url": "/video/math/edo/1231241231212",
            "author": {
                "data": [
                    {
                        "name_author": "Alejandro Morales",
                        "uri": "/author/alejandro-morales",
                        "type": "master"
                    }
                ]
            },
            "comments": {
                "data": [
                    {
                        "id": "367501354973_12216733",
                        "from": {
                            "name": "Doug Edwards",
                            "id": "628675309"
                        },
                        "message": "Make sure you don't, as they say, go whole hog...\nhttp://www.youtube.com/watch?v=U4wTFuaV8VQ",
                        "created_time": "2010-03-06T03:24:46+0000"
                    },
                    {
                        "id": "367501354973_12249673",
                        "from": {
                            "name": "Tom Taylor",
                            "id": "1249191863"
                        },
                        "message": "Are you and Karen gonna, as they say, pig out?",
                        "created_time": "2010-03-06T21:05:21+0000"
                    },
                    {
                        "id": "367501354973_12249857",
                        "from": {
                            "name": "Sheila Taylor",
                            "id": "1315606682"
                        },
                        "message": "how did it turn out? Sounds nummy!\n",
                        "created_time": "2010-03-06T21:10:30+0000"
                    }
                ]
            }
        }
    ]
}

jQuery-Code

var url = 'result.json';
$(document).ready(function() {
    $.getJSON(url, function(data) {
        $.each(data, function(video, data) {
            $('#stage').html('<p> ID:' + data.video + '</p>');
            $('#stage').append('<p Name: ' + data.name+ '</p>');
            $('#stage').append('<p> URL: ' + data.url+ '</p>');

            console.log("========================");
            console.log(data);

        });
    });
});

Müssen um genauer zu sein über das eigentliche problem. Ich sehe ein Problem mit, wie Sie versuchen, Zugriff auf Ihre json - video ist ein array -, die Sie benötigen, um index in das array nutzen zu können-Eigenschaften wie die, von denen ich glaube das Sie zugreifen möchten.
Können Sie bitte lassen Sie mich wissen, code-Korrekturen?
wie kann ich den index im array?
Sind Sie vertraut mit, wie arrays funktionieren? So Daten.video[0], zum Beispiel, würde die Referenz des ersten Elements im array. Von diesem Punkt aus Daten.video[0].id Verweis auf die id-Eigenschaft das erste element in dem array video, etc.

InformationsquelleAutor Shoaib Ud-Din | 2012-08-28

jquery json

4

Versuchen Sie zu iterieren über die gesamte JSON-Objekt - sollten Sie Durchlaufen eine seiner Tasten statt. Versuchen Sie dies:
```
$.each(data.video, function(index, video) {
 $('#stage').append(' Name: ' + video.name+ '');
 $('#stage').append(' URL: ' + video.url+ '');
});
```
Wenn Sie hinzufügen möchten zusätzliche Daten, können Sie die traverse über die gesamte Hierarchie. Zum Beispiel:
```
$.each(data.video, function(index, video) {
 $('#stage').append(' Name: ' + video.name + '');
 $('#stage').append(' URL: ' + video.url + '');

 $.each(video.author.data, function(index, author) {
 $('#stage').append(' Author: ' + author.name_author + '');
 });

 $('#stage').append(' ');
});
```
Schließlich, wenn Sie wollen, um Zugriff auf den n-TEN Datensatz mit der syntax vor, die man tun könnte:
```
//n is the 0-based position of the json record you're interested in displaying
var video = data.video[n];
$('#stage').append(' Name: ' + video.name + '');
$('#stage').append(' URL: ' + video.url + '');
//etc...
```
Beispiel hier: http://livecoding.io/3495017

Wie bekomme ich noch mehr Daten, die zeigen, wie Kommentare/ Daten und Autor.... Auch nicht in der Lage zu bekommen $('#stage').append('');
Korrektur der fehlerhaften Wert.name. In Bezug auf weitere Daten, welche Struktur wollen Sie?
Möchte nur spit-Daten auf der Seite zu haben, bessere Verständnis, der Zugriff auf die Daten
Sichere Sache - siehe oben.
Super, Letzte Frage 🙂 wie man nur einen bestimmten Datensatz aus json?

InformationsquelleAutor Gabriel Florit
4

Ich bin raten Sie versuchen, um eine Schleife durch jedes Element in der video array, das ist eine Eigenschaft der data Objekt, gegeben, dass innerhalb Ihres $.each() Schleife, die Sie versuchen, Zugriff .video, .name und .url Eigenschaften. Also statt:
```
 $.each(data, function(video, data) {
```
...die Schleife durch jede top-level-Eigenschaft von data versuchen:
```
 $.each(data.video, function(video, data) {
```
..., um eine Schleife durch die Elemente in der data.video array.

Auch, gegeben, dass die beiden Parameter, die in diesem Rückruf sind die aktuellen item-index und das aktuelle Element würde ich wahrscheinlich benennen Sie die Parameter aus video und data zu i und item. Es ist ein wenig verwirrend, mit verschiedenen Variablen aufgerufen data (zum einen die parameter der $.getJSON() Rückruf, der andere ist ein parameter der $.each() Rückruf).

Vielen Dank, habe es

InformationsquelleAutor nnnnnn
1

Es sieht aus wie Sie versuchen, zu Durchlaufen die falschen Teil Ihrer JSON. Ich glaube, dass Ihre $.jede Zeile sollte wie folgt Aussehen:
```
$.each(data.video, function(index, video){
  //video.name, video.url, etc
}
```
InformationsquelleAutor Paul Richter

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.