ajax过程中加载图像不能正常工作

Question

我的代码是这样的.

用于显示内容和加载图像的div：

<div id="adS" style="float: left; width: 70%">
    <div id="loading-image" style="background-image: url('images/processing.gif'); display: none;">


    </div>
</div>

jQuery代码：

$(function() {
        $("#lets_search").bind('submit',function() {
          var gen = $("input[name='radGen']:checked").val();
          var mt = $('#selMtQ').val();
          var agf = $('#agf').val();
          var agt = $('#agt').val();
          var rel = $('#religQ').val();
          var cast = $('#selCstQ').val();
          $('#loading-image').show();
           $.post('adSearch.php',{gen:gen,mt:mt,agf:agf,agt:agt,rel:rel,cast:cast}, function(data){
             $("#adS").html(data);
             $('#loading-image').hide();
           });
           return false;
        });
      });

加载图像只在单击事件时显示一次，而不是每次我单击搜索栏时都显示。:(

需要帮助..。

Answer 1

要检查是否是服务器响应非常快，可以在ajax进程中使用setTimeOut()函数对其进行测试。如果图片没有显示，那么不是服务器速度很快，而是其他东西。但是你需要更多的代码来理解到底发生了什么。