getJSON + reddit api - 如何咬它?

时间:2012-03-10 17:34:29

标签: javascript jquery json api

我想从subreddit第一个永久链接追加我的div。我曾尝试过关注jQuery的文档,Smashing Magazine的文章和reddit的github,但没有任何影响。请帮我理解如何做到这一点。

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/

1 个答案:

答案 0 :(得分:2)

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

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

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