gpt4 book ai didi

ajax - 在加载数据之前显示 Ajax 加载器

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

你好, friend 们,我想在特定 div 的数据加载之前显示 Ajax 加载程序,但问题是数据是在同一页面上动态传入的,但我的脚本从另一个文件 Script.php 调用数据,请查看我的代码下面

脚本

<script>
function loadingAjax(div_id)
{
$("#"+div_id).html('<img src="ajax-loader.gif"> saving...');
$.ajax({
type: "POST",
url: "script.php",
data: "name=John&id=28",
success: function(msg){
$("#"+div_id).html(msg);
}
});
}
</script>

HTML

<body onload="loadingAjax('myDiv');">


<div id="myDiv"></div>

<div id="xyz"><img src="ss/image/abc.jpg" /></div>


</body>

它工作正常,但我想在同一页面加载数据,请帮助我

提前致谢......

编辑

我想在将数据#xyz加载到#myDiv之前显示加载程序

最佳答案

您可以尝试使用以下 html -

<body onload="loadingAjax('myDiv');">
<div id="myDiv">
<img id="loading-image" src="ajax-loader.gif" style="display:none;"/>
</div>
</body>

和脚本 -

<script>
function loadingAjax(div_id) {
var divIdHtml = $("#"+div_id).html();
$.ajax({
type: "POST",
url: "script.php",
data: "name=John&id=28",
beforeSend: function() {
$("#loading-image").show();
},
success: function(msg) {
$("#"+div_id).html(divIdHtml + msg);
$("#loading-image").hide();
}
});
}
</script>

关于ajax - 在加载数据之前显示 Ajax 加载器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11515994/

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