如何优化(最小化)jQuery AJAX调用

Question

我有来自我的代码的不同功能的50多个AJAX调用.所有这些调用都有类似的结构,具有不同的data/url/callback参数:

var jqXHR = $.post('/dba/port.php', {
        mode: "del_wallfunds",
        pdata: cdata,
        wname: wName
    },
    function (data) {}, "json")
    .done(function (data) {
        var msg = data.msg;
        if (msg.indexOf("Error") == -1) {
            alertify.success(msg);
            delSelected(selGroup);
        } else {
            alertify.error(msg);
        }
    })
    .fail(function () {
        alertify.error("Error .....");
    });

我在想如何编写一个函数来返回var jqXHR以最小化代码的总大小.传递所有静态变量(如URL,错误字符串等)不是问题.但问题是".done"上的所有回调函数都不同,我不知道如何将这些回调函数作为变量传递.

一种方法是在.done上调用单个"通用"函数并将"switch"变量传递给该函数,但它似乎不是一个优雅的解决方案.

有什么建议如何以优雅的方式？

谢谢

Answer 1

调用函数时将done回调函数作为参数传递：

function ajaxCall(url, data, doneCallback) {
    return $.post(url, data, doneCallback, "json").fail(...);
    // or
    return $.post(url, data, function() {}, "json").done(doneCallback).fail(...);
}

var jqXhr = ajaxCall('yoururl.php', {key: 'value'}, function(data) {
    // do something
});

或者从函数返回 jqXhr 对象，done然后分配回调：

function ajaxCall(url, data) {
    return $.post(url, data, function() {}, "json").fail(...);
}

var jqXhr = ajaxCall('yoururl.php', {key: 'value'});
jqXhr.done(function(data) {
    // do something
});

或者切换到 using jQuery.ajax()，并将整个选项对象传递到：

function ajaxCall(options) {
    return $.ajax(options).fail(...);
}

var jqXhr = ajaxCall({
    url: 'yoururl.php',
    data: {key: 'value'},
    dataType: 'json'
});
jqXhr.done(function(data) {
    // do something
});