在加载数据之前显示Ajax加载器
您好朋友，我想在特定的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>
-
本文向大家介绍jQuery Ajax 加载数据时异步显示加载动画，包括了jQuery Ajax 加载数据时异步显示加载动画的使用技巧和注意事项，需要的朋友参考一下 ajax加载后台数据就不说的那么细了。 看下面代码首先前台上放置代码 在js脚本文件中首先把这个图片动画隐藏 代码如下 然后异步ajax提交请求代码如下 ..................... 注意: async: true, 当
-
问题内容： 在数据完成加载之前，如何使AngularJS显示加载微调框？ 如果我的控制器是静态设置的，并且填充了AJAX加载器，我希望微调器显示直到AJAX加载完成，然后使用检索到的数据填充绑定范围。 此代码立即填充绑定范围，并且如果为空，则微调框将被替换为空。 我应该如何干净地做这件事？ 问题答案： 我会根据其他答案创建一个自定义指令，但是这是没有指令的情况下如何实现的，这可能是在进入更复杂的功
-
问题内容： 我有一个简单的jquery代码，用ajax在jQuery模态窗口中发送内容！一切正常，没有任何问题。通常，单击发送按钮后，此代码会在1-2秒后显示结果， 我的问题是，如何在单击“发送”之后显示结果之前添加并显示加载图片？ 问题答案： 您可以通过 和 要么
-
问题内容： 我尝试在我的网站中实施AJAX。单击div changepass的内容时，则应加载changepass.template.php。这是我为此使用的代码。 我的问题是在页面changepass.template.php完全加载时如何显示GIF动画（loading.gif）。请给我一些代码提示。 问题答案： 有很多方法可以做到这一点。一种简单的方法： JS： 詹姆斯·怀斯曼 （ James
-
问题内容： 我只是想知道如何显示指示异步请求正在运行的图像。我使用以下代码执行异步请求： 有任何想法吗？ 问题答案： 当然，您可以在发出请求之前显示它，并在请求完成后隐藏它： 我通常更喜欢将其绑定到全局ajaxStart和ajaxStop事件的更通用的解决方案，这样它就可以显示在所有ajax事件中：
-
加载示例数据 本节内容依赖以下数据： 威廉·莎士比亚全集，解析成合适的字段。点击这里下载这个数据集： shakespeare.json. 一组虚构的账户与随机生成的数据。点击这里下载这个数据集： accounts.zip. 一组随机生成的日志文件。点击这里下载这个数据集： logs.jsonl.gz. 其中有两个数据集是压缩文件，可使用以下命令解压缩文件： unzip accounts.zip g