jquery的 ajax的二次封装

jQuery 的 AJAX 封装是一种将常用的 AJAX 请求模式化的方法，可以简化重复的 AJAX 请求代码。二次封装指的是在基础封装的基础上，根据项目具体需求再次进行封装优化，使之更加符合项目需求。

二次封装的步骤通常包括以下几个方面：

1. 配置统一的默认设置，例如设置全局请求头、数据类型、超时时间等。
2. 封装基础的 AJAX 方法，使用 `$.ajax` 实现，并传入默认配置。
3. 对外暴露一个或多个接口，供外部调用，可以根据需要传递额外的参数覆盖默认配置。
4. 可以增加异常处理，如请求失败时的错误处理。
5. 可以增加全局 AJAX 事件处理，例如请求开始前、成功后、失败后的回调。

下面是一个简单的示例：

// 二次封装AJAX
function ajax(type, url, data, successCallback, errorCallback, dataType = 'json') {
    $.ajax({
        type: type, // 请求类型 GET、POST 等
        url: url, // 请求地址
        data: data, // 发送到服务器的数据
        dataType: dataType, // 预期服务器返回的数据类型
        success: function(response) {
            // 请求成功后的回调函数
            typeof successCallback === 'function' && successCallback(response);
        },
        error: function(xhr, status, error) {
            // 请求失败后的回调函数
            typeof errorCallback === 'function' && errorCallback(xhr, status, error);
        }
    });
}

// 使用二次封装的ajax方法
ajax('GET', '/api/data', null, function(response) {
    // 成功回调逻辑
    console.log('请求成功', response);
}, function(xhr, status, error) {
    // 错误回调逻辑
    console.error('请求失败', status, error);
});

通过二次封装，可以使 AJAX 请求更加标准化和系统化，提高代码的可维护性和可读性。