在等待Ajax调用时加载文本

Question

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

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

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


                eval(data);

});

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

提前致谢

Answer 1

如果您的加载div ID为“loading”，则可以执行以下操作...

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

JavaScript使用jQuery ajaxStart和ajaxStop：

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