Ajax全局加载框(Loading效果)的配置$ajaxSetup

最新推荐文章于 2024-06-29 02:40:43 发布

qq_31138647

最新推荐文章于 2024-06-29 02:40:43 发布

阅读量662

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.hangge.com/blog/cache/detail_2057.html#

本文详细介绍如何使用JQuery全局配置Ajax，包括设置请求前、完成及错误时的回调函数，展示如何通过Layer加载提示框增强用户体验，并提供了一个具体的测试案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.简单说明：

Jquery全局配置Ajax的方式为：

 $.ajaxSetup({
             beforeSend: function () {
                 //ajax请求之前
             },
             complete: function () {
                 //ajax请求完成，不管成功失败
             },
             error: function () {
                 //ajax请求失败            
             }
 });

2.详细配置

//全局配置

$.ajaxSetup({

layerIndex:-1, //保存当前请求对应的提示框index,用于后面关闭使用

//在请求显示提示框

beforeSend: function(jqXHR, settings) {

this.layerIndex = layer.load(1);

},

//请求完毕后（不管成功还是失败），关闭提示框

complete: function () {

layer.close(this.layerIndex);

},