我想显示ajax加载图片.但不知道该怎么做.这是我工作的ajax脚本.请帮我
集成ajax加载gif.thanks
集成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>