javascript - 我的 ajax 获取图像函数有什么问题吗？

Question

我每 5 秒轮询一次 S3 以获取图像。我的轮询成功了，我可以看到它在 Web 检查器中获取了带有图像的 URL。但是 did() 内部的函数没有执行(我看不到任何记录到控制台的内容):

  (function poll() {
    setTimeout(function () {
      userId = $('#photo').data('user-id');
      photoPath = $('#photo').data('photo-path');
      $.ajax({
        type: 'GET',
        dataType: 'json',
        url: 'http://s3.amazonaws.com/my_bucket/user-photos/'+userId+'/original/'+photoPath,
        done: function (data) {
          console.log(data);
          $("#photo").append(data);
        },
        complete: poll
      });
    }, 5000);
  })();

我做错了什么？

Answer 1

您正在请求dataType: 'json'，但您不会得到它，因为服务器正在发送图像。

您想在$('#photo')中显示图像吗？

 (function poll() {
    setTimeout(function () {
      console.log('polling');
      userId = $('#photo').data('user-id');
      photoPath = $('#photo').data('photo-path');
      $('<img>').on('load', function(){
          $('#photo').empty().append(this);
          poll();
      }).prop('src', 'http://s3.amazonaws.com/my_bucket/user-photos/'+userId+'/original/'+photoPath);
    }, 5000);
  })();

Demo (图像路径替换为jsfiddle Logo )