無法使用jQuery從外部URL獲取JSON

Question

這是我的代碼

       $.ajax({
    type:"GET", 
    url: "http://fantasy.premierleague.com/web/api/elements/100/", 
    success: function(data) {
            alert(JSON.stringify(data));
        }, 
    error: function(jqXHR, textStatus, errorThrown) {
            alert(jqXHR.status);
        },
   dataType: "json"
});

但是當我運行它時我遇到了Error jqXHR.status is 0 ，textStatus為Error並且errorThrown為No Transport

Answer 1

您可以嘗試使用Yahoos YQL作為JSONP代理。 http://developer.yahoo.com/yql/

$.getJSON("http://query.yahooapis.com/v1/public/yql", {
    q: "select * from json where url=\"http://fantasy.premierleague.com/web/api/elements/100/\"",
    format: "json"
},

function (data) {
    console.log(data.query.results.json.transfers_out);
});

http://jsfiddle.net/zZy77/

Answer 2

這是不可能的，因為您正在嘗試進行跨域請求。

您可能想查看JSONP作為解決方案。

看看這個http://remysharp.com/2007/10/08/what-is-jsonp/