在jQuery ajax运行时加载gif图片

Question

我试图在运行ajax调用时显示加载图像，但是使用该beforeSend属性不会更改结果区域。

$.ajax({
  url: "/answer_checker.php",
  global: false, type: "POST", 
  data: ({...clipped...}), 
  cache: false,
  beforeSend: function() {
    $('#response').text('Loading...');
  },
  success: function(html) {
    $('#response').html(html);
  }
}

提前致谢。

Answer 1

我有一个解决方案，它可能不是最好的方法，但在这种情况下有效。

$('input').keyup(function () {

  $('#response').text('loading...');

  $.ajax({
    url: "/answer_checker.php",
    global: false, type: "POST", 
    data: ({...clipped...}), 
    cache: false,
    success: function(html) {
      $('#response').html(html);
    }
  });
});

通过在调用ajax函数之前设置共振内容，它将一直显示加载文本，直到ajax调用更新相同的内容为止。

感谢所有花时间回答的人。

艾伦