2012-03-10 60 views
1

我想追加我的div与subreddit第一永久链接。我试过了jQuery的文档,Smashing杂志的文章和reddit的github,但没有任何影响。请帮我理解如何做到这一点。getJSON + reddit api - 如何咬它?

的Jquery:

$(document).ready(function(){ 
     $.getJSON("api.reddit.com/r/aww/.json", function(json){ 
      $(".slodziaki").append("<p>Permalink</p>"+ json.data.children.data[0].permalink)'   
     }); 
}); 

HTML:

<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Słodziaki.</title> 
     <script> 

     </script> 
    </head> 
    <body> 
     <div class="slodziaki"> 
      Reddit api test. 
     </div> 
    </body> 
</html> 

的jsfiddle:http://jsfiddle.net/AdVS3/2/

+0

重复http://stackoverflow.com/questions/8191105/how-to-extract-url-data-from-reddit-api-using-json – Niko 2012-03-10 17:46:51

+0

'api.reddit.com/r/aww/.json '不是一个合适的URL,而只是一个URL路径。 – Gumbo 2012-03-11 10:16:05

回答

2

你有正确的想法,但大多数浏览器不会允许您访问api.reddit.com因为XSS protectionSame Origin Policy。另一种选择是通过服务器端脚本使用cURL或类似的方法来引入JSON,jQuery将从本地服务器访问该资源。如果你提供你的脚本语言,我可以进一步提供帮助。

幸运的是,这是用PHP非常的方便。你有quite a few options,但我建议用file_get_contents()从该页面开始。如果您正在寻找性能提升,您应该探索那里也注意到的cURL选项。相当简单,它所做的只是到指定的URL(api.reddit.com/r/aww/.json)并在本地显示它。

如果您要将其写入名为aww.php的文件,那么您只需在.getJSON函数中调用aww.php

+0

非常感谢您的回复。这很有趣,因为之前我认为我只是可以使用任何我可以访问的内容(就像iframe一样),但是你已经证明我错了我所感谢的。不幸的是,我是前端人员,而且我不知道服务器端语言。不过,我要完成我的项目如此糟糕,我渴望学习脚本语言的一些基础知识,我现在的网络服务器只提供PHP(不打算学习它),所以这就是我要坚持现在。请向我提供如何操作的技巧。提前致谢。 – metrampaz 2012-03-10 17:53:34

+0

你可以使用雅虎YQL作为代理来获取数据,只需要您几分钟的时间来建立他们的沙盒控制台 – charlietfl 2012-03-10 18:32:19

+0

@metrampaz我已经添加了一些PHP的具体信息。 – Nic 2012-03-10 23:24:29