在等待Ajax调用时加载文本

Question

我是Javascript/Jquery/Ajax的新手,不知道在等待ajax调用时如何让一些文本显示'Loading ...'.

到目前为止,我有这个有效的代码

$.get("sum.php", { userid: "<?php echo $userID; ?>"},
           function(data){


                eval(data);

});

我希望'Loading ...'出现在名为Loading的div中,直到从Ajax调用返回数据.

提前致谢

Answer 1

如果您的加载divID为"loading",您可以执行以下操作...

<div id="loading"><img src="spinner.gif" /> Loading...</div>

使用jQuery ajaxStart和ajaxStop的 JavaScript :

$("#loading").ajaxStart(function(){
   $(this).show();
})
.ajaxStop(function(){
   $(this).hide();
});