跨站点脚本 (getJSON) 和 flickr 示例怎么样答案

【问题标题】：Whats up with cross site Scripting (getJSON) and flickr example跨站点脚本 (getJSON) 和 flickr 示例怎么样
【发布时间】：2015-10-22 16:19:10
【问题描述】：

过去我已经阅读了有关 getJSON 的文档，并且有一个带有 flickr 照片 api 的示例。（带有 [pussy]cats 的示例 :-)）。

不，我问自己为什么可以通过这个示例直接访问 flickr。我已经通过将此代码存储在我的本地机器上来尝试过 - 它可以工作，但如果我使用 jquery 的本地副本，我只会在这样的 firebug 中得到一个错误

$ 未定义 myurl/test.html 11号线

你们中有人有解决这个悖论问题的方法吗？

这是文档网址 HTTP:api.jquery.com/jQuery.getJSON/

如果我将 HTTP:code.jquery.com/jquery-latest.js 存储在本地 jquery 文件中，该示例也不起作用。

我也不明白为什么请求在 Firebug 控制台中不可见

提前谢谢你

伯恩哈德

编辑：

我从 jquery 中获取示例，并将源代码替换为该框架的本地副本。

<!DOCTYPE html>
<html>
<head>
  <style>img{ height: 100px; float: left; }</style>
  <script src="js/jquery/jjquery-1.4.2.min.js"></script>
</head>
<body>
    <div id="images">

</div>
<script>$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
        function(data){
          $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 3 ) return false;
          });
        });</script>
</body>
</html>

【问题讨论】：

您的本地 jQuery 副本是否在运行 javascript 之前加载？
我们可以看到您使用的 HTML 吗？听起来 jQuery 没有正确导入。在开始使用 jQuery 之前，请确保您在本地副本的脚本标记中的 URL 是正确的并且是 HTML 格式。

标签： jquery cross-domain

【解决方案1】：

当然可以。

我从 jquery 中获取示例，并将源代码替换为该框架的本地副本。

<!DOCTYPE html>
<html>
<head>
  <style>img{ height: 100px; float: left; }</style>
  <script src="js/jquery/jjquery-1.4.2.min.js"></script>
</head>
<body>
    <div id="images">

</div>
<script>$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
        function(data){
          $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 3 ) return false;
          });
        });</script>
</body>
</html>

【讨论】：