在追加前显示加载消息
在追加前显示加载消息
提问于 2021-07-13 14:49:49
我对jQuery/Javascript不太了解，但我有这个代码，一旦页面加载完成，就会将data.php文件附加到div中，但是php文件有点大，页面加载后需要2-4秒才能出现在div上。
如何在div中显示一条消息(正在加载..)或者在php文件准备好的2-4秒内显示一个加载器gif图像？下面是我的代码：
<?php $u=$_GET['id'];?>
<script type='text/javascript'>
var get = "<?php echo $u; ?>";
$(document).ready(function() {
$.get("/data.php?id="+get, function(data) {
$("#c").append(data);
}, 'html');
});
</script>回答 1
Stack Overflow用户
回答已采纳
发布于 2021-07-13 14:56:42
最简单的方法是直接编写，然后重写.html()
<script type='text/javascript'>
var get = "<?php echo $u; ?>";
$(document).ready(function() {
$("#c").html("<div class='tmp-loading'>Loading....</div>");
$.get("/data.php?id="+get, function(data) {
$("#c").html(data);
}, 'html');
});
</script>如果您必须使用append()而不是重写html()，那么您可以在数据传入时隐藏加载标记。
<script type='text/javascript'>
var get = "<?php echo $u; ?>";
$(document).ready(function() {
$("#c").append("<div class='tmp-loading'>Loading....</div>");
$.get("/data.php?id="+get, function(data) {
$("#c .tmp-loading").hide();
$("#c").append(data);
}, 'html');
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68357718
复制相关文章
相似问题
腾讯云开发者
