用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