加載JSON數據與jQuery

Question

我想按照這個教程：http://www.9lessons.info/2009/10/json-jquery-ajax-php.html

這裏是我的代碼：http://jsfiddle.net/9ujd8s8r/1/

如何來，它並沒有JSON數據加載到與此代碼的網頁？

$(function() { 
    $(".load").click(function() { 
     $.getJSON("http://demos.9lessons.info/data.json", function (data) { 
      $.each(data.posts, function (i, data) { 
       var div_data = "<div class='box'><a href='" + data.url + "'>" + data.title + "</a></div>"; 

       $(div_data).appendTo("#9lessonsLinks"); 
      }); 
     }); 
     return false; 
    }); 


}); 

Answer 1

檢查您的控制檯是否有錯誤。出現以下錯誤：

XMLHttpRequest無法加載http://demos.9lessons.info/data.json。否 「訪問控制 - 允許來源」標題出現在請求的 資源中。原因'http://fiddle.jshell.net'因此不允許 訪問。

欲瞭解更多信息，請參閱"No 'Access-Control-Allow-Origin' header is present on the requested resource"。

Answer 2

您的代碼似乎正確。這是一個跨域問題。您嘗試訪問另一臺尚未定義的服務器中的資源。

http://jquery-howto.blogspot.fr/2013/09/jquery-cross-domain-ajax-request.html