错误“Access-Control-Allow-Origin 不允许 Origin null”在jsOAuth中

发布于 2024-12-24 02:30:55 字数 1583 浏览 2 评论 0原文

我正在尝试将 twitter API 与库 jsOAuth 一起使用。

完整 html

<div id="message">Loading..</div>

<script src="jsOAuth-1.3.3.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.7.min.js" type="text/javascript"></script>
<script type="text/javascript">
        var oauth = OAuth({
            consumerKey: "-MY-KEY-",
            consumerSecret: "MY-SECRET"
        });

已更新 oauth.get("http://api.twitter.com/1/ statuses/home_timeline.json?callback=?",成功,失败);

        function success(data){
            $("#message").html("Sucess: " + data.text);
            var timeline = jQuery.parseJSON(data.text);
            console.log(timeline);
            $.each(timeline, function (element){
                console.log(element.text);
            });
        }
        function failure(data) {
            console.log("Throw rotten fruit, something failed");
            $("#message").html("Error" );
        }   
</script>

结果

结果

完整图片

问题

  • 我做错了什么?
  • 如何在我的电脑上使用 twitter API。

如果您可以给我发送任何示例,我将不胜感激。

谢谢大家。

I'm trying to use the twitter API with library jsOAuth.

Full html

<div id="message">Loading..</div>

<script src="jsOAuth-1.3.3.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.7.min.js" type="text/javascript"></script>
<script type="text/javascript">
        var oauth = OAuth({
            consumerKey: "-MY-KEY-",
            consumerSecret: "MY-SECRET"
        });

Updated
oauth.get("http://api.twitter.com/1/statuses/home_timeline.json?callback=?", success, failure);

        function success(data){
            $("#message").html("Sucess: " + data.text);
            var timeline = jQuery.parseJSON(data.text);
            console.log(timeline);
            $.each(timeline, function (element){
                console.log(element.text);
            });
        }
        function failure(data) {
            console.log("Throw rotten fruit, something failed");
            $("#message").html("Error" );
        }   
</script>

Result

Result

Full image

Questions

  • What am I doing wrong?
  • How can I use the twitter API in my PC.

If you can send me I would appreciate any examples.

Thank you all.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

樱桃奶球 2024-12-31 02:30:55

我做错了什么?

您正在尝试向 Twitter 发出 AJAX 请求。您违反了跨域访问策略 - 您无法访问 Twitter 域上的数据。

如何在我的 PC 上使用 Twitter API?

选择一项:

  • 使用 JSONP
  • 使用服务器端代理
  • 将代码存储在 file:// 路径,它消除了跨域限制
  • 更改浏览器的安全设置以允许这种访问。

我将不太可能的访问设置为斜体。

另外,作为一名经验丰富的 Twitter 开发人员,我对您的代码有一个重要说明:您正在使用 Javascript 来访问 API。虽然不禁止使用 JS 来执行此操作,但在 javascript 中使用 OAuth 非常不安全,如果您在网站上使用此代码,您的应用程序将被 Twitter API 阻止。

What am I doing wrong?

You are trying to make an AJAX request to Twitter. You are violating cross domain access policies - you cannot access data on the Twitter domain.

How can I use the Twitter API on my PC?

Pick one :

  • Use JSONP
  • Use a server-side proxy
  • Store your code on a file:// path, which removes the cross domain restrictions
  • Change your browser's security settings to allow this kind of access.

I have styled the unlikely ones in italic.

Also, as an experienced Twitter developer, I have one important note to make about your code: you're using Javascript to access the API. While using JS to do that isn't disallowed, using OAuth in javascript is very unsafe and your application will be blocked from the Twitter API if you used this code on a website.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文