跨域 AJAX 调用 [重复]

Question

我正在尝试使用最新的 jQuery 为 Twitch.TV API 进行跨域 AJAX 调用，但出现错误。

代码：

 $.ajax({
    type: 'GET',
    dataType: "json",
    url: "https://api.twitch.tv/kraken/search/games?q=star&type=suggest",
    success: function (responseData, textStatus, jqXHR) {
        console.log("in");
        var data = JSON.parse(responseData['AuthenticateUserResult']);
        console.log(data);
    },
    error: function (responseData, textStatus, errorThrown) {
        alert('POST failed.');
    }
});

错误：

XMLHttpRequest 无法加载 https://api.twitch.tv/kraken/search/games?q=star&type=suggest。请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://codeeplus.net' 因此不允许访问。

Answer 1

您需要 JSONP 来处理跨浏览器请求。您给我的链接与 getJSON jquery 函数一起工作正常。

对于流：http://jsfiddle.net/82wNq/27/

对于游戏：http://jsfiddle.net/82wNq/25/

$.getJSON("https://api.twitch.tv/kraken/search/games?q=star&type=suggest&callback=?", function (data) {
    $.each(data.games, function (index, item) {
        $("<div>").html(item.name).appendTo("#content");
        $("<img>").attr("src", item.box.medium).appendTo("#content");
    });
});