跨域AJAX调用

Cross-Domain AJAX Call

本文关键字：调用 AJAX 跨域      更新时间：2023-09-26

我正在尝试使用Twitch.TV API的最新jQuery进行跨域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=建议。请求的资源上不存在"Access Control Allow Origin"标头。原点'http://codeeplus.net因此不允许访问。

跨浏览器请求需要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");
    });
});
相关文章：