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

时间:2015-10-02 07:40:26

标签: javascript jquery ajax

我的代码看起来像这样......

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;
        });
      });

加载图片仅在点击事件中显示一次,而不是每次我点击搜索li ... :(

需要帮助......

1 个答案:

答案 0 :(得分:0)

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