jQuery JSON get issue

Question

J'essaie d'extraire des informations d'un fichier JSON mais rien ne vient dans la variable de données. Quelqu'un peut-il me dire ce que je fais mal. Le fichier JSON est téléchargé donc il n'y a aucun problème avec moi ne rien obtenir du serveur.

function handle_geolocation_query(position) { 
    var url = "http://ws.geonames.org/findNearByWeatherJSON?lat=" + position.coords.latitude + "&lng=" + position.coords.longitude + "&callback=?"; 
    $.getJSON(url, function(info){ 
     var clouds = info.weatherObservation.clouds; 
     var weather = info.weatherObservation.weatherCondition; 
     var temp = info.weatherObservation.temperature; 
     var humidity = info.weatherObservation.humidity; 
    }); 
    //console.log(clouds); 
    document.getElementById('result').innerHTML = "C:" + clouds + ", W:" + weather + ", T:" + temp + ", H:" + humidity; 
} 

Appréciez toute l'aide. Merci beaucoup.

Answer 1

Vous devriez essayer de placer le code qui modifie innerHTML dans le rappel. Rappelez-vous que JS a une portée de fonction. Vous ne pouvez pas accéder à ces variables à l'extérieur. En outre, ces variables sont définies uniquement après que le rappel de la récupération du JSON est exécuté.

function handle_geolocation_query(position) { 
    var url = "http://ws.geonames.org/findNearByWeatherJSON?lat=" + position.coords.latitude + "&lng=" + position.coords.longitude + "&callback=?"; 
    $.getJSON(url, function(info){ 
     var clouds = info.weatherObservation.clouds; 
     var weather = info.weatherObservation.weatherCondition; 
     var temp = info.weatherObservation.temperature; 
     var humidity = info.weatherObservation.humidity; 
     $('#result').html("C:" + clouds + ", W:" + weather + ", T:" + temp + ", H:" + humidity); 
    }); 
} 

Edit: Suivant les conseils de gov, vous devez utiliser la méthode html encapsulé() API de jQuery chaque fois que vous trouvez la nécessité de changer innerHTML.

En outre, vous pouvez utiliser:

console.log(info); 

pendant le débogage dans le rappel getJSON juste pour assurer que vos données est structuré de la façon dont vous pensez qu'il est.

Answer 2

essayer de faire ci-dessous, je pense qu'il peut venir comme tableau d'objets

var clouds = info.weatherObservation.clouds; 
     var weather = info[0].weatherObservation.weatherCondition; 
     var temp = info[0].weatherObservation.temperature; 
     var humidity = info[0].weatherObservation.humidity;