2013-04-06 80 views
0
$.ajax({ 
    url: 'https://api.imgur.com/3/album/' + sharedAlbumID, 
    type: 'GET', 
    beforeSend: function(xhr){xhr.setRequestHeader('Authorization', 'Client-ID '+imgurClientID);}, 
    success: function(resp) { 
     var dataLink = 'http://i.imgur.com/' + resp.data.cover + '.jpg'; 
     var url = encodeURI(window.location.href); 
     var media = encodeURI(dataLink); 
     $('#pinterestHolder').html('<a target="_blank" data-pin-config="beside" href="//pinterest.com/pin/create/button/?url=' + url + '&media=' + media + '&description=Imagedoku album recommendation: ' + resp.data.id + '" data-pin-do="buttonPin" ><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>'); 
     if (resp.data.images.length >= 9) { 
      for (var i = 0; i < 9; i++) { 
       var imgID = resp.data.images[i].id; 
       imgID += 't'; 
       imgID = 'http://i.imgur.com/' + imgID + '.jpg'; 
       $('#albumHolder').append('<div class="albumThumbHolder"><a href="' + resp.data.images[i].link + '" target="_blank"><img class="imguralbumthumb" title="' + resp.data.images[i].id + '" src="' + imgID + '" /></a></div>'); 
      } 
     } else { 
      $('#insufficientImagesError').modal(); 
     } 
     $('#albumLink').html('<a href="http://imgur.com/a/' + sharedAlbumID + '" target="_blank">View album on Imgur</a>'); 
    }, 
    error: function(resp) { 
     $('#imgurMalformedError').modal(); 
    } 
}); 

此代码工作预计在Chrome,但返回的jQuery的GET请求正确Chrome和不响应FIREFOX

var dataLink = 'http://i.imgur.com/' + resp.data.cover + '.jpg'; 

这是一个

resp.data is undefined 

误差与Imgur API,如我相信你可以告诉。不知何故,问题是Firefox nto读取jQuery回调中发送的数据对象。我怎样才能解决这个问题?我只对在Webkit和Mozilla中开展这项工作感兴趣,并且它在Webkit中工作 - 任何黑客答案都可以。

回答

0

问题是我没有指定接收数据类型:'json',Chrome明显地猜到了,但Firefox没有。