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

Question

我有一个HTML表格.在每个单元格中都有一个图像,后跟一些文本.像这样的东西:

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

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

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

Answer 1

我相信你的问题是关于如何在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
} });