jquery – 使用ajax发布时显示加载图像

前端之家收集整理的这篇文章主要介绍了jquery – 使用ajax发布时显示加载图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道互联网上有数千个例子,但是我想要脚本,我已经在数据被检索时显示加载gif图像。我的java知识很差,所以我问如何改变以下内容
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. function getData(p){
  4. var page=p;
  5. $.ajax({
  6. url: "loadData.PHP?id=<? echo $id; ?>",type: "POST",cache: false,data: "&page="+ page,success : function(html){
  7. $(".content").html(html);
  8. }
  9. });
  10. }
  11. getData(1);
  12.  
  13. $(".page").live("click",function(){
  14. var id = $(this).attr("class");
  15. getData(id.substr(8));
  16. });
  17. });
  18. </script>

我的div在这里:

  1. <div class="content" id="data"></div>

谢谢。
约翰

解决方法

假设您在页面上有一个标签,其中包含您的加载信息:
  1. <div id='loadingmessage' style='display:none'>
  2. <img src='loadinggraphic.gif'/>
  3. </div>

您可以在ajax调用添加两行:

  1. function getData(p){
  2. var page=p;
  3. $('#loadingmessage').show(); // show the loading message.
  4. $.ajax({
  5. url: "loadData.PHP?id=<? echo $id; ?>",success : function(html){
  6. $(".content").html(html);
  7. $('#loadingmessage').hide(); // hide the loading message
  8. }
  9. });

猜你在找的jQuery相关文章