识别jQuery AJAX事件的触发元素：通过自定义选项增强全局回调

$(document).on("ajaxSend", function (e, request, settings) {
    console.log("AJAX请求发送");
    console.log("事件目标:", e.target); // 通常是 'document'
}).on("ajaxComplete", function (e) {
    console.log("AJAX请求完成");
}).on("ajaxSuccess", function (e) {
    console.log("AJAX请求成功");
}).on("ajaxError", function (e) {
    console.log("AJAX请求失败");
});

// 监听特定表单的提交事件
$(document).on("submit", "form[data-ajax=true]", function(event) {
    event.preventDefault(); // 阻止表单的默认提交行为
    const $form = $(this); // 获取当前提交的表单元素

    $.ajax({
        url: $form.attr("action"), // 从表单的action属性获取URL
        method: $form.attr("method") || "GET", // 从表单的method属性获取请求方法
        data: $form.serialize(), // 序列化表单数据
        element: this, // 关键步骤：将当前表单元素作为自定义属性传入
        dataType: "json", // 假设期望返回JSON数据
        beforeSend: function() {
            // 可以在此处执行表单特定的预处理，例如显示加载动画
            $form.find(":submit").prop("disabled", true).text("提交中...");
        },
        success: function(response) {
            console.log("表单提交成功:", response);
            // 处理成功响应，例如更新UI
        },
        error: function(xhr, status, error) {
            console.error("表单提交失败:", error);
            // 处理错误响应
        },
        complete: function() {
            // 无论成功或失败，都在此处恢复表单状态
            $form.find(":submit").prop("disabled", false).text("提交");
        }
    });
});

$(document).on({
    ajaxSend: function(e, request, settings) {
        if (settings.element) {
            console.log("AJAX请求由特定元素触发:", settings.element);
            // 可以在这里对特定元素触发的请求进行特殊处理
            // 例如，统一显示加载指示器，或对特定元素执行全局操作
            // $(settings.element).addClass("is-loading");
        } else {
            console.log("AJAX请求由非特定元素触发 (或第三方库触发)");
        }
    },
    ajaxComplete: function(e, request, settings) {
        if (settings.element) {
            console.log("AJAX请求完成，触发元素:", settings.element);
            // 请求完成后恢复元素状态
            // $(settings.element).removeClass("is-loading");
        }
    },
    ajaxSuccess: function(e, request, settings) {
        if (settings.element) {
            console.log("AJAX请求成功，触发元素:", settings.element);
        }
    },
    ajaxError: function(e, request, settings) {
        if (settings.element) {
            console.log("AJAX请求失败，触发元素:", settings.element);
            // 针对特定元素触发的错误进行处理
        }
    }
});