Cross-Origin请求被阻止:Stumbleupon Share Count - json

时间:2015-02-03 08:53:02

标签: json wordpress cross-domain

我想在我的网站上显示来自StumbleUpon的分享数量。 与Facebook合作,但使用StumbleUpon我收到以下错误:

  

阻止跨源请求:同源策略禁止读取   远程资源在   http://www.stumbleupon.com/services/1.01/badge.getinfo?url=http://localhost/wordpress/?p=1118。   这可以通过将资源移动到同一个域来修复   启用CORS。

<script>
        $.ajax({  
            url: 'http://www.stumbleupon.com/services/1.01/badge.getinfo?url=<?php the_permalink(); ?>', 
             crossDomain: true,
            success: function(data){
            var count = data[0]['count'];
            $("#dd").html(count);
            alert(data);
            $.ajax
                                        ({
                                          type: "POST",
                                          //cache: false,
                                          url: "post.php",

                                          data: { stats: count, paralink:'<?php echo the_permalink(); ?>', social:'2' },
                                          success: function(data) {

                                          },
                                          dataType: 'json'
                                        });  
        } });
    </script>

我正在使用WordPress ......

请帮助我!

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题。我最终得到了解决方案,我在谷歌浏览器上下载了扩展程序 允许控制允许原点:* 并刷新它适合我的页面

答案 1 :(得分:0)

好的,我找到了答案...... 我们可以使用crossOrigin:true来允许交叉原点

这是工作代码

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
    <div id="response"></div>
    <script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
    <script type='text/javascript' src="http://www.ajax-cross-origin.com/js/jquery.ajax-cross-origin.min.js"></script>
    <script type='text/javascript'>
        $(document).ready(function() {
            $.ajax({
                crossOrigin: true,
                url: "http://www.stumbleupon.com/services/1.01/badge.getinfo?url=http://www.google.com",
                success: function(data) {
                    $("#response").html(data);
                }
            });
        }); 
    </script>
</body>
</html>