拉動簡單天氣變量（JSON/API）

Question

我想從以下API URL拉一個簡單的「當前天氣」狀態，融入到一個網站：

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

我在尋找一個解決問題的兩種解決方案。無論是爲什麼這段代碼都不會返回一個簡單的「測試」，一些洞察力。 （如果我刪除了「$ .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> 

感謝您的幫助提前;對此，我真的非常感激！

Answer 1

這是因爲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); 
     } 
    }); 
});