javascript - getJSON + reddit api——如何咬它?

标签 javascript jquery json api

我想用来自 subreddit 的第一个永久链接附加我的 div。我试过关注 jQuery 的文档、Smashing Magazine 的文章和 reddit 的 github,但没有任何效果。请帮助我了解如何执行此操作。

J查询:

$(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/

最佳答案

您的想法是对的,但是大多数浏览器不允许您访问 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功能。

关于javascript - getJSON + reddit api——如何咬它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9648621/

相关文章:

用于计算文本输入字段值的 Javascript

javascript - 如何使用字符串创建 DOM 元素来使 Angular 单击绑定(bind)起作用?

javascript - 在 Sequelize js 的范围内同时使用 "AND"和 "OR"

javascript - 为什么我不能在我的 JS 计算中放多于一个点

jQuery/CSS : Set dynamic width by content, 避免继承

javascript - 如何使用 React JS 从 JSON 文件中获取嵌套对象

python - 检查键/值是否在 JSON 中

php - 在 php 中查询或更改列名?

c# - 在 Ajax.BeginForm 提交上显示加载程序

php - 在将值写入文本文件 php 之前检查值是否存在