在发出AJAX请求时使用jQuery显示加载栏

发布时间：2020-12-16 03:08:23 所属栏目：百科来源：网络整理

导读：我正在用jquery做一个AJAX请求： $.get('/Stuff.php',function (data) { $('#own').html(data);}); 当这个数据加载时,我想在页面顶部显示一个小文本(只是说“正在加载……”),而不会阻止它. 这个怎么做？ 3nigma是在正确的轨道上,但至少在一般情况下,有一个

我正在用jquery做一个AJAX请求：

$.get('/Stuff.php',function (data) {
    $('#own').html(data);
});

当这个数据加载时,我想在页面顶部显示一个小文本(只是说“正在加载……”),而不会阻止它.

这个怎么做？

3nigma是在正确的轨道上,但至少在一般情况下,有一个细节错误.

使用ajaxSetup只提供默认值,如果稍后你做了一些ajax调用,指定自己的beforeSend回调(即你需要设置一些特定的头文件)或者完成(你想要同时处理成功和错误),他们将覆盖那些ajaxSetup和你的加载指标会破裂.

相反,使用Global Ajax Events(more about ajax events)

$(document).ajaxSend(function(e,jqXHR){
  //show the loading div here
});
$(document).ajaxComplete(function(e,jqXHR){
  //remove the div here
});

这是一个更通用的解决方案,即使其他代码也想要设置一些全局或本地的beforeSend / complete处理程序或调用ajaxSetup,也不会破坏.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!