拉简单的天气变量(JSON / API)

时间:2013-02-18 04:04:27

标签: jquery html json api

我想从以下API网址中提取简单的“当前天气”状态,以便整合到网站中:

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

我正在寻找解决问题的两个解决方案之一。要么为什么这段代码不会返回简单的“测试”。 (如果我删除“$ .getJSON”行,它会这样做)。或者我需要包含的完整jQuery,对于current_conditions> temp_F。

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

感谢您的帮助;我真的很感激!

1 个答案:

答案 0 :(得分:3)

这是因为Same Origin Policy。你应该使用jsonp&amp;将您的代码更改为:

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