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

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

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

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

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

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

下面是一个示例...这里是一些参考jQuery ajax() 方法。注意：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
} });