jQuery .done() .fail()

Question

我们在这里想要的是操作createSite函数的预期返回值{ac:failed}所以当它失败时.fail(failOption)将被执行 else sendMail / .done(sendMail)函数将执行并仍然保持来自createSite函数的数据这是{bar1:"foo1",bar2:"foo2",bar3:"foo3"}

var cSite = createSite(); //expected return if failed is {ac:"failed"} else success expected return will be {bar1:"foo1",bar2:"foo2",bar3:"foo3"}


var cSite = createSite();
cSite.done(sendMail).fail(failOption).always(alwaysOption);

function createSite() {
    return $.ajax({
        url: 'something.php',
        method: 'POST',
        data: "template_id=" + template_id + "&original_url=" + original_url + "&email=" + email + "&first_name=" + first_name + "&last_name=" + last_name
    }); //ajax
} //createSite

Answer 1

jQuery 的ajax承诺的fail部分是在我想象的 200 范围以外的 http 状态上触发的，例如400: bad request或500: internal server error 。

如果您无法从something.php传递失败状态，则有两种选择。 对于 jQuery 1 和 2：

function createSite() {
    var promise = $.Deferred();

    $.ajax({
        url: 'something.php',
        method: 'POST',
        data: "template_id=" + template_id + "&original_url=" + original_url + "&email=" + email + "&first_name=" + first_name + "&last_name=" + last_name
    }).then(function(data) {
        if(data.ac === 'failed') {
            promise.reject(failed)
        } else {
            promise.resolve(data);
        }
    })

    return promise;
}

在较新版本的 jQuery (3+) 中，您还可以抛出错误以触发fail ：

function createSite() {
    return $.ajax({
        url: 'something.php',
        method: 'POST',
        data: "template_id=" + template_id + "&original_url=" + original_url + "&email=" + email + "&first_name=" + first_name + "&last_name=" + last_name
    }).then(function(data) {
        if(data.ac === 'failed') {
            throw data
        } else {
            return data
        }
    });
}

请注意，这完全未经测试。 deferred的文档在这里。