jQuery JSON get

Question

JSONファイルから情報を取得しようとしていますが、データ変数に何も含まれていません。誰でも私が間違っていることを教えてもらえますか？ JSONファイルがダウンロードされるので、サーバーから何も取得しないという問題はありません。

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; 
} 

すべてのヘルプを評価してください。 ありがとうございました。

Answer 1

innerHTMLを変更するコードをコールバック内に配置してください。 JSには機能範囲があります。これらの変数には外部でアクセスすることはできません。また、これらの変数は、JSONの取得からのコールバックが実行された後にのみ設定されます。

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); 
    }); 
} 

編集： GOVのアドバイスに続いて、あなたがinnerHTMLプロパティを変更する必要性を見つけるたびに、jQueryのAPIのカプセル化されたHTML（）メソッドを使用する必要があります。

また、あなたが使用することができます。

console.log(info); 

ちょうどあなたのデータはあなたがそれだと思う方法で構成されていることを確認するためにgetJSONコールバックでデバッグ中。以下を行うには

Answer 2

試して、私はそれは放火犯を持つオブジェクト

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