2016-04-26 8 views
-1

Ich möchte die letzten 10 auf einer Webseite gespielten Songs anzeigen. Hier ist der Code, den ich verwende, aber ich kann die angeforderten Informationen aus der JSON-Datei nicht abrufen und anzeigen. https://jsfiddle.net/Heropiggy95/6qkv7z3b/ Kann jemand auf die Fehler hinweisen oder ein funktionierendes Beispiel demonstrieren? Vielen Dank.Hilfe bei der Analyse von JSON-Daten auf der Webseite

$(document).ready(function() { 
    $.getJSON("http://apps.radioactive.sg/lastsongsplayed.php?stationId=995fm&callback=myfunction", function(data) { 
    var html = ''; // declare the variable that will be used to store the information 
    $.each(data.myfunction, function(i, item) { 
     { 
     html += 'Song: ' + item.song.track + ', Artist: ' + item.song.artist + ', Time: ' + item.playedtime + ''; 
     } // 
    }); // 
    $('.nowplaying').append(html); // print the information to the document with a span class of 'nowplaying' and use the jQuery append method to insert the information. 
    }); // close JSON call 
}); // close document ready function 
+0

'Sein verwendet nicht working' wahrscheinlich die schlechtesten Informationen, die Sie zur Verfügung stellen können. Bitte geben Sie weitere Einzelheiten an. – C4u

Antwort

0

Try JSON.parse ähnliche

$(document).ready(function() { 
    $.getJSON("http://apps.radioactive.sg/lastsongsplayed.php?stationId=995fm", function(data) { 
    var html = ''; // declare the variable that will be used to store the information 
    var parsedData = JSON.parse(data); 

    $.each(parsedData, function(i, item) { 
     { 
     html += 'Song: ' + item.song.track + ', Artist: ' + item.song.artist + ', Time: ' + item.playedtime + ''; 
     } // 
    }); // 
    $('.nowplaying').append(html); // print the information to the document with a span class of 'nowplaying' and use the jQuery append method to insert the information. 
    }); // close JSON call 
}); // close document ready function 
+0

Hier ist der Code, an dem ich gearbeitet habe, aber ich kann nicht scheinen, eine Ausgabe zu erzeugen. https://jsfiddle.net/Heropiggy95/6qkv7z3b/ Ich weiß nicht, welche Schritte ich ergreifen sollte, um das Problem zu beheben. Können Sie mir Ratschläge geben, wie Sie diese Seite behandeln können? Vielen Dank. – HeroPiggy95

+0

Versuchen Sie, diesen Code auf dem lokalen Host oder einer anderen Domäne auszuführen., Ich habe versucht, es auf lokaler ausführen und es gibt: Kein 'Access-Control-Allow-Origin' Header ist auf der angeforderten Ressource vorhanden. Origin 'http://fiddle.jshell.net' ist daher nicht erlaubt. Sie müssen dies auf Ihrem Server behandeln, damit Ihre Domain AJAX-Anfragen senden kann. –

+0

Ich versuche, es auf localhost auszuführen. Ich habe meine Nachforschungen gemacht und dies legt nahe, dass "Access-Control-Allow-Origin" durch Verwendung von Ajax mit Jsonp umgangen werden kann. http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp Ist es möglich, diese Methode zu verwenden, um Informationen vom Server zu erhalten? – HeroPiggy95

Verwandte Themen