Analyser tableau JSON avec jQuery .chacun()
J'ai cette fonction jQuery
function getData(jsonLink){
$(".scrollable .items").html("<img class='loadGif' src='/sites/all/themes/zen/journeyon/images/ajax-loader.gif' alt='' />");
$.ajaxSetup({
url: jsonLink,
global: false,
type: "GET"
});
$.ajax({
url: jsonLink,
success: function(data) {
var output = "";
$.each(data['nodes'], function(i,row){
var linkType = row['node-type'];
var lowerLinkType = linkType.toLowerCase();
var videoLink = row["video"];
var thumbLink = row["thumbnail"];
var posterLink = row["poster-image"];
var nodeTitle = row["node-title"];
var url = row['url-link'];
if(linkType == "Episode"){
output+='<li><a class="myRemote '+lowerLinkType+'" href="'+posterLink+'" ref="'+videoLink+'" title="Play '+nodeTitle+'"><img src="'+thumbLink+'" width="123" height="67" alt="Play '+nodeTitle+'" /></a></li>';
}else if(linkType == "Slide"){
output+='<li><a class="myRemote '+lowerLinkType+'" href="'+posterLink+'" ref="'+url+'" title="Go To '+nodeTitle+'"><img src="'+thumbLink+'" width="123" height="67" alt="Go To '+nodeTitle+'" /></a></li>';
}
});
$(".scrollable .items").html("").append(output);
remoteControl();
}
});
}
Et je suis en train d'essayer d'analyser ce Tableau
{
"nodes": [
{
"node-title" : "Slide for Album Post",
"node-type" : "Slide",
"poster-image" : "http://journeyon.local/sites/default/files/imagecache/ticker_image/files/poster-images/Web_Graphic2.jpg",
"thumbnail" : "http://journeyon.local/sites/default/files/imagecache/ticker_thumbnail/files/poster-images/Web_Graphic2.jpg",
"video" : "",
"audio" : "",
"url-link" : "http://dev.journeystl.info/current/blogs/josh-dix/latest-worship-ep-have-thine-own-way"
},
{
"node-title" : "Walking In The Light",
"node-type" : "Episode",
"poster-image" : "http://journeyon.local/sites/default/files/imagecache/ticker_image/files/poster-images/Sermon_2009-09-27pf.jpg",
"thumbnail" : "http://journeyon.local/sites/default/files/imagecache/ticker_thumbnail/files/poster-images/Sermon_2009-09-27pf.jpg",
"video" : "http://journeyon.local/sites/default/files/video/vodcast/Sermon_2009-09-27-Vodcast.m4v",
"audio" : "http://journeyon.local/sites/default/files/audio/Sermon_2009-09-27-Podcast.mp3",
"url-link" : ""
},
{
"node-title" : "Test Slide",
"node-type" : "Slide",
"poster-image" : "http://journeyon.local/sites/default/files/imagecache/ticker_image/files/poster-images/iStock_000000041926Small.jpg",
"thumbnail" : "http://journeyon.local/sites/default/files/imagecache/ticker_thumbnail/files/poster-images/iStock_000000041926Small.jpg",
"video" : "",
"audio" : "",
"url-link" : "/node/3960"
},
{
"node-title" : "Finding God at Church",
"node-type" : "Episode",
"poster-image" : "http://journeyon.local/sites/default/files/imagecache/ticker_image/files/poster-images/Sermon_2009-09-06pf_0.jpg",
"thumbnail" : "http://journeyon.local/sites/default/files/imagecache/ticker_thumbnail/files/poster-images/Sermon_2009-09-06pf_0.jpg",
"video" : "http://journeyon.local/sites/default/files/video/vodcast/Sermon_2009-09-05-Vodcast.m4v",
"audio" : "http://journeyon.local/sites/default/files/audio/Sermon_2009-09-06-Podcast.mp3",
"url-link" : ""
},
{
"node-title" : "Finding God in Brokenness",
"node-type" : "Episode",
"poster-image" : "http://journeyon.local/sites/default/files/imagecache/ticker_image/files/poster-images/Sermon_2009-08-30pf_0.jpg",
"thumbnail" : "http://journeyon.local/sites/default/files/imagecache/ticker_thumbnail/files/poster-images/Sermon_2009-08-30pf_0.jpg",
"video" : "http://journeyon.local/sites/default/files/video/vodcast/Sermon_2009-08-30-Vodcast.m4v",
"audio" : "http://journeyon.local/sites/default/files/audio/Sermon_2009-08-30-Podcast.mp3",
"url-link" : ""
},
{
"node-title" : "False Teachers",
"node-type" : "Episode",
"poster-image" : "http://journeyon.local/sites/default/files/imagecache/ticker_image/files/poster-images/Sermon_2009-07-26pf.jpg",
"thumbnail" : "http://journeyon.local/sites/default/files/imagecache/ticker_thumbnail/files/poster-images/Sermon_2009-07-26pf.jpg",
"video" : "http://journeyon.local/sites/default/files/video/vodcast/Sermon_2009-07-25-Vodcast.m4v",
"audio" : "http://journeyon.local/sites/default/files/audio/Sermon_2009-07-25_Podcast.mp3",
"url-link" : ""
},
{
"node-title" : "Confessions: A Story of Struggle, Restoration, and Hope",
"node-type" : "Episode",
"poster-image" : "http://journeyon.local/sites/default/files/imagecache/ticker_image/files/poster-images/PosterFrame_Confessions.jpg",
"thumbnail" : "http://journeyon.local/sites/default/files/imagecache/ticker_thumbnail/files/poster-images/PosterFrame_Confessions.jpg",
"video" : "http://journeyon.local/sites/default/files/video/vodcast/Sermon_2009-06-28-Vodcast.m4v",
"audio" : "http://journeyon.local/sites/default/files/audio/Sermon_2009-06-28-Podcast.mp3",
"url-link" : ""
}
]
}
Problème est que j'obtiens une erreur sur le jQuery.js fichier lui-même.
G is undefined
http://journeyon.local/sites/all/themes/zen/journeyon/js/jquery-1.3.2.min.js?4
Line 12
Quelqu'un a une idée de ce qui se passe?
si j'ai d'alerte avant l' .chacun() déclaration des alertes très bien, mais si j'ai d'alerte à l'intérieur de l' .chacun() je ne reçois rien et les variables de ne jamais se construit.
Merci!
OriginalL'auteur | 2009-10-02
Vous devez vous connecter pour publier un commentaire.
Vous êtes en train de faire à la dure par l'aide de
$.ajax()
. C'est plus facile à utiliser$.getJSON()
à la place.jQuery est un bon travail de vous séparant de navigateur différences, mais il ne sera pas vous sauver de vous-même si vous écrivez du code qui s'appuie sur navigateur détails de mise en œuvre. Juste pour un exemple: [1, 2, 3,].la longueur est de 3 sur tous les navigateurs, mais c'est à dire, où il est 4, le dernier élément est "undefined". Mon point est, vous êtes probablement fait quelque chose de mal si $.getJSON() ne fonctionne pas. Je voudrais exécuter votre programme sous Firebug sur Firefox et le F12 trucs sur IE8. L'un d'eux n'est en mesure de signaler une erreur dans votre code, qui, lorsqu'il fixe, va alors permettre l'exécution de code sur IE6.
Eh bien, vous avez tordu le bras pour le retourner à getJSON et cela a fonctionné! J'aurais essayé de nouveau! Ma question était mal formé tableau JSON que Safari et Firefox ont été un peu plus indulgent que IE était... après la validation de ce tableau j'aurais essayé getJSON de nouveau...
OriginalL'auteur Warren Young
OriginalL'auteur yoda
Pour un tableau PHP json codé
vous pouvez utiliser
OriginalL'auteur Petre Sosa
Suffit d'utiliser
row.node-type
,row.video
etc au lieu d'utiliserrow['node-type']
,row["video"]
etc.Espère que cela aidera.
OriginalL'auteur Ronniee