來自Reddit的JSON

Question

是否可以從Reddit獲取JSON提要並將其發佈到我的網站中。我嘗試過兩種方式，兩者似乎都不起作用。

第一種方法

$.getJSON('http://www.reddit.com/.json?feed=HASH_HERE&user=USER_HERE', function (data) { 
    alert(data); 
}); 

輸出

XMLHttpRequest cannot load http://www.reddit.com/.json?feed=HASH_HERE&user=USER_HERE. Origin http://localhost:14102 is not allowed by Access-Control-Allow-Origin.

第二條本辦法

var url = "http://www.reddit.com/.json?feed=HASH_HERE&user=USER_HERE"; 
$.getJSON(url + "?callback=?", null, function (data) { 
    alert(data); 
}); 

輸出

Uncaught SyntaxError: Unexpected token : 

Answer 1

這是跨域問題。 Reddit將結果作爲json格式提供，這僅僅不足以使用getJSON進行跨域請求，就像第二個選項一樣。

請檢查下面的一個爲Flickr Web服務，

<script> 
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", 
    { 
    tags: "cat", 
    tagmode: "any", 
    format: "json" 
    }, 
    function(data) { 
    $.each(data.items, function(i,item){ 
     $("<img/>").attr("src", item.media.m).appendTo("#images"); 
     if (i == 3) return false; 
    }); 
    });</script> 

Ref url的URL上面的代碼。

請檢查這個site，他們給出了跨域請求的實時示例。

Answer 2

您必須對您的網站的服務器端腳本來獲取它，並從該腳本的JSON在JavaScript，因爲同源策略的。

延伸閱讀：http://en.wikipedia.org/wiki/Same_origin_policy