загрузка изображений Google с помощью jQuery и json - НЕ работает в Opera

Question

этот код отлично работает в IE8, Chrome, Firefox, но в Opera 11.5 он работает ТОЛЬКО если я раскомментирую строку предупреждения, может кто-нибудь объяснить, почему?

$.ajax({
url:"https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=barack%20obama&key=YOUR-GOOGLE-API-KEY",
dataType:"jsonp",
success: function(data){


for (var i = 0; i < data.responseData.results.length; i++){

/* alert(data.responseData.results[i].tbUrl); */

 $('#image-container').append('<img src="' + data.responseData.results[i].tbUrl + '">' + '<br>');

}


}

});

здесь: http://jsonlint.com/ Вы можете просмотреть ответ JSON

Answer 1

Вам нужно добавить callback=? к URL, чтобы "разрешить" jsonp.

$.ajax({
    url: "https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=barack%20obama&callback=?",
    dataType: "jsonp",
    success: function(data) {


        for (var i = 0; i < data.responseData.results.length; i++) {

            /* alert(data.responseData.results[i].tbUrl); */

            $('#image-container').append('<img src="' + data.responseData.results[i].tbUrl + '">' + '<br>');

        }
    }


});

http://jsfiddle.net/genesis/TyDHK/2