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

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

3nigma步入正轨，但至少在一般情况下，有一个细节是错误的。

使用ajaxSetup仅提供默认值，如果以后您进行一些ajax调用，这些调用指定它们自己的beforeSend回调（即，您需要设置一些特定的标头）或完成（您要同时处理成功和错误），它们将覆盖ajaxSetup和您的加载指示器将中断。

而是使用Global Ajax Events（有关Ajax事件的更多信息）

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

这是一个更通用的解决方案，即使其他代码也希望如此设置这样的全局或局部beforeSend / complete处理程序或调用ajaxSetup，也不会中断。