我知道互联网上有成千上万个示例,但是对于脚本,我已经必须在检索数据时显示加载的gif图像。我的Java知识很差,因此我想问如何更改以下内容:
<script type="text/javascript"> $(document).ready(function(){ function getData(p){ var page=p; $.ajax({ url: "loadData.php?id=<? echo $id; ?>", type: "POST", cache: false, data: "&page="+ page, success : function(html){ $(".content").html(html); } }); } getData(1); $(".page").live("click", function(){ var id = $(this).attr("class"); getData(id.substr(8)); }); }); </script>
我的div在这里:
<div class="content" id="data"></div>
谢谢。约翰
假设您在页面上某处有一个标签,其中包含您的加载消息:
<div id='loadingmessage' style='display:none'> <img src='loadinggraphic.gif'/> </div>
您可以在ajax调用中添加两行:
function getData(p){ var page=p; $('#loadingmessage').show(); // show the loading message. $.ajax({ url: "loadData.php?id=<? echo $id; ?>", type: "POST", cache: false, data: "&page="+ page, success : function(html){ $(".content").html(html); $('#loadingmessage').hide(); // hide the loading message } });