javascript - 在 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

我遇到了类似的问题。为了解决我的问题，我将 beforeSend 部分中的 .text 替换为 .html 并创建了一个 html 标记以插入到保存我的状态的元素中。 success 函数没有替换 .text() 函数创建的内容，但它确实替换了 .html() 函数创建的内容。

$.ajax({
  url: "/answer_checker.php",
  global: false, type: "POST", 
  data: ({...clipped...}), 
  cache: false,
  beforeSend: function() {
    $('#response').html("<img src='/images/loading.gif' />");
  },
  success: function(html) {
    $('#response').html(html);
  }
}