朋友们,我想在数据加载特别是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
sai*_*ala 25
您可以尝试使用以下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>
| 归档时间： |
|
| 查看次数： |
58227 次 |
| 最近记录： |