jquery – 如何显示ajax加载图像

前端之家收集整理的这篇文章主要介绍了jquery – 如何显示ajax加载图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想显示ajax加载图片.但不知道该怎么做.这是我工作的ajax脚本.请帮我
集成ajax加载gif.thanks
$(function() { 
    $( "#slider" ).slider({ 
       stop: function(event,ui) {
              $.ajax({
              url: "ajax.PHP",cache: false,async: false,data: "",success: function(html){
                $("#result_list").html(html);
              }
            });

         }
    });
});

解决方法

$(function() { 
$( "#slider" ).slider({ 
   stop: function(event,ui) {
          $("#place_of_loading_image").show();
          $.ajax({
          url: "ajax.PHP",success: function(html){ //got the data

            $("#place_of_loading_image").hide(); // hide ajax loader         
            $("#result_list").html(html);        // show downloaded content
          }
        });

     }
    });
});

#place_of_loading_image是某个容器(如div),在一个你想要loader.gif出现的地方.

<div id="place_of_loading_image" style="display:none"><img src="load.gif"/></div>
原文链接:https://www.f2er.com/jquery/175789.html

猜你在找的jQuery相关文章