2011-09-05 6 views
0

このコードはIE8、Chrome、Firefoxでは正常に動作しますが、Opera 11.5では警告線をコメント解除すれば誰でも説明できますか?jQueryとjsonでgoogle画像を読み込む -

$.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/あなたはあなたがJSONPを "許可" するURLにcallback=?を追加する必要がJSONレスポンス

答えて

1

を表示することができます。

$.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

+0

いいえ、ちょうどあなたがhttps://ajax.googleapis.com/ajax/services/search/imagesこと、わかりますhttp://jsonlint.com/で行くと

https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=barack%20obama&key=YOUR-GOOGLE-API-KEY
drdarwin

+0

を貼り付け?v = 1.0&q = barack%20obama&key =あなたのGOOGLE-API-KEYはJsonレスポンスを返しますが、コールバック=?偽を返します – drdarwin

+0

私の編集とフィドルを見てください。それは働いています(キーは必要ありません) – genesis