0

次の API URL から単純な「現在の天気」ステータスを取得して、Web サイトに統合したいと考えています。

http://free.worldweatheronline.com/feed/weather.ashx?q=67554&format=json&num_of_days=2&key=794496e1c2020558131802

問題の2つの解決策のうちの1つを探しています。このコードが単純な「テスト」を返さない理由についての洞察。(「$.getJSON」行を削除すると、これが行われます)。または、current_conditions > temp_F のために、含める必要がある本格的な jQuery を使用します。

<script>
    $(document).ready(function(){
      $.getJSON(
                'http://free.worldweatheronline.com/feed/weather.ashx?q=67554&format=json&num_of_days=2&key=794496e1c2020558131802',
                function(data) {
                  var output="Testing.";
                  document.getElementById("weather").innerHTML=output;   
                });
    });
</script>

事前にご協力いただきありがとうございます。ほんとうにありがとう！

4

1 に答える 1

3

これはSame Origin Policyによるものです。コードを次のように使用jsonpおよび変更する必要があります。

$(document).ready(function () {
    $.ajax({
        url: 'http://free.worldweatheronline.com/feed/weather.ashx?q=67554&format=json&num_of_days=2&key=794496e1c2020558131802',
        type: "GET",
        dataType: "jsonp",
        success: function (data) {
            console.log(data); //to see that data is indeed returned
            var output = "Testing.";
            $("#weather").html(output);
        }
    });
});
于 2013-02-18T04:12:54.920 に答える