gpt4 book ai didi

jquery - 如何显示ajax加载图像

转载 作者:行者123 更新时间:2023-12-03 22:48:14 25 4
gpt4 key购买 nike

我想显示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",
cache: false,
async: false,
data: "",
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>

关于jquery - 如何显示ajax加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6134110/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com