怎么了跨站点脚本(getJSON)和flickr示例

时间:2010-05-10 18:40:16

标签: jquery cross-domain

过去我曾阅读过关于getJSON的文档,并且有一个flickr照片api的例子。 ([pussy]猫的例子: - ))。

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

$未定义 myurl / test.html中 第11行

你们中有人有解决这个悖论的事吗?

这是文档URL 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>

1 个答案:

答案 0 :(得分:0)

当然可以。

我从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>