Erreur lors de l'affichage du contenu JSON récupéré

Suite à ma question posée here, j'ai créé une application de test pour vérifier l'analyse json à l'aide de jquery. Cela ne semble pas fonctionner. Je peux ajouter des données dans la fonction de clic. Cependant, l'obtention de données à partir de cette URL et l'analyse semble échouer. Quelqu'un peut-il fournir des conseils utiles?Erreur lors de l'affichage du contenu JSON récupéré

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("body").append("<div id = 'data'><ul>jffnfjnkj</ul></div>"); 
    $.getJSON("http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?callback=function&alt=jsonc&v=2", function(data) { 
     var dataContainer = $("#data ul"); 
     $.each(data.data.items, function(i, val) { 
     $("body").append("<div id = 'data'><ul>jffnfjnkj</ul></div>"); 
if (typeof(val.player) !== 'undefined' && typeof(val.title) !== 'undefined') { 
dataContainer.append("<li><a href = "+val.player.default+" target = '_blank'>"+val.title+"</a></li>"); 
     } 
     }); 
     }); 


    }); 
}); 
</script> 
</head> 

<body> 
<h2>Header</h2> 
<p>Paragrapgh</p> 
<p>Paragraph.</p> 
<button>Click me</button> 
</body> 
</html>

TIA, Praveen S

Source

2010-11-28 Praveen S

Avez-vous eu ça au travail? – Philar

Le rappel est fourni afin que vous puissiez contourner la même politique d'origine. Ainsi, les données JSON récupérées sont incluses dans le nom de la fonction et ne peuvent pas être analysées directement. Détails de faire cela avec jquery sont donnés here. S'il vous plaît se référer l'exemple ci-dessous

<script> 
$.ajax({ 
     url:'http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?alt=jsonc&v=2&callback=?', 
     dataType: "jsonp", 
     timeout: 5000, 
     success: function(data){ 
        alert(data.apiVersion); 
        //add your JSON parsing code here 
        } 

}); 

</script>

s'il vous plaît trouver l'exemple de travail here.

Source

2010-11-28 15:46:31 Philar

Pouvez-vous l'essayer dans votre navigateur? Je suis nouveau dans tout ce développement web. Je veux savoir si l'URL est fausse ou le code. –

Bien sûr, je vais tester cela et revenir. L'URL est correcte, essayez de copier et coller l'URL dans la barre d'adresse et voyez par vous-même. – Philar

Praveen, s'il vous plaît voir le code pour gérer la demande JSONP. Cela devrait résoudre votre problème. Faites-moi savoir au cas où vous auriez encore des problèmes. Salutations – Philar

l'URL ne renvoie pas JSON comme vous voulez essayer sans callback=function avec le rappel, il utilise une méthode appelée jsonp: http://ajaxian.com/archives/jsonp-json-with-padding

Source

2010-11-28 15:39:56 Daniel

Erreur lors de l'affichage du contenu JSON récupéré

Répondre

Questions connexes