您好朋友,我想在特定的div加载数据之前向Ajax加载器显示,但问题是数据在同一页面上动态传输,但是我的脚本从另一个文件调用数据, Script.php请参见下面的代码
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
#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>