jquery - 拉取简单的天气变量（JSON/API）

Question

我想从以下 API URL 中提取一个简单的“当前天气”状态，以集成到网站中：

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>

提前感谢您的帮助；对此，我真的非常感激！

Answer 1

这是因为同源政策。您应该使用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);
        }
    });
});