如何解决在加载数据之前显示Ajax加载器
您可以尝试使用以下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>
解决方法
您好朋友，我想在特定的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
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
