javascript - 在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() 函数进行测试。如果没有显示图片，则不是服务器速度很快，而是其他原因。但是需要更多的代码才能理解发生了什么。