jquery - 如何在 Ajax 调用期间用加载图像替换 TD 内的图像

Question

我有一个 HTML 表格。每个单元格中都有一个图像，后面跟着一些文本。像这样的事情:

<td>
  <img src='image.gif'>This is a test
</td>

我必须运行 jQuery Ajax 调用，在此调用期间我想将图像更改为我拥有的加载图像 (loading.gif)，然后将其返回到常规图像(本例中为 image.gif) Ajax 已完成。

将图像更改为加载图像并再次返回的正确 jQuery 语法是什么？

Answer 1

我相信您的问题是关于如何在 AJAX 请求之前更改图像，然后在 AJAX 请求完成时将其更改回来。

下面是一个示例...这里是对 jQuery ajax() method 的一些引用。注意:ajax() 方法包含声明成功、错误和完成函数的选项，这些选项可以在 AJAX 调用成功、出错或完成(即成功或错误后)时执行。

<td>
  <img id="loadingImg" src='image.gif'>This is a test
</td>

<小时/>

$("#loadingImg").attr("src", "loading.gif");
$.ajax({ //other options here
  complete: function () {
  $("#loadingImg").attr("src", "image.gif");  // change image back when ajax request is complete
} });