Перекрестный домен AJAX Call

Question

Я пытаюсь сделать междоменный вызов AJAX с последним jQuery для API Twitch.TV, и я получаю сообщение об ошибке.

Код:

$.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 cannot load https://api.twitch.tv/kraken/search/games?q=star&type=suggest . No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://codeeplus.net ' is therefore not allowed access.

Answer 1

Вам необходимо JSONP для запросов кросс-браузера. Ссылка, которую вы мне дали, отлично работает с функцией jQuery getJSON.

для потоков: 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"); 
    }); 
});