解析OpenClipArt api json到Html

我想解析这个json http://openclipart.org/search/json/?&query=christmas&page=1&amount=4在我的html页面。解析OpenClipArt api json到Html

我的代码是

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>jQuery.getJSON demo</title> 
     <style> 
      img { 
       height: 200px; 
       float: left; 
      } 
     </style> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    </head> 
    <body> 
     <div id="images"></div> 
     <script> 
      (function() { 
       var api = "http://openclipart.org/search/json/?"; 
       $.getJSON(api, { 
        query: "christmas", 
        page: "1", 
        amount: "4" 
       }).done(function(data) { 
        $.each(data.payload, function(i, item) { 
         $("<img>").attr("src", item.svg.png_thumb).appendTo("#images"); 
         if (i === 3) { 
          return false; 
         } 
        }); 
       }); 
      })(); 
     </script> 
    </body> 
</html>

http://jsfiddle.net/2n8ax/，但什么是错的。

来源

2013-11-27 user3041529

否 '访问控制允许来源' 标头出现在所请求的资源。 – CharliePrynn

他们已经修复了它：DDD谢谢openclipart <3 – user3041529

它不工作在jsFiddle的原因是由于同源策略。

这是什么意思，你是而不是允许从jsfiddle.net访问另一个域（http://openclipart.org/）上的资源。

看到这两个资源：

来源

2013-11-27 12:09:02 CharliePrynn

它不在我的电脑（本地）既不工作 – user3041529

如果你打开你的控制台，你会得到什么错误？ – CharliePrynn

没有，只有警告。有什么办法可以使它有效吗？ – user3041529

解析OpenClipArt api json到Html

回答

相关问题