使用ajaxStart方法定义一个全局的“加载中。。。”提示 


$(function(){
$("#loading").ajaxStart(function(){
$(this).html("<img src='/jqueryStu/images/loading.gif' />");
});
$("#loading").ajaxSuccess(function(){
$(this).html("");
// $(this).empty(); // 或者直接清除
});
});

<div id=”loading”></div>

注意:

所有的ajax提交都会触发ajaxStart事件,都会在你定义的

<div id=”loading”></div>

位置上显示“加载中。。。”的图标(当然你也可以定义文字,但是一个加载中的图片比较好看);

——-但是一定要注意,同时要定义好ajaxSuccess事件,ajax提交成功后把这个图标隐藏起来!!!

特别提示:

使用ajaxStart或ajaxSuccess事件时,相当于定义了一个全局的显示“加载中。。。”的位置,所有ajax提交时候“加载中。。。”的图标都始终显示在一个位置!!!!

发表评论

电子邮件地址不会被公开。