jQuery例外處理和catch塊

我正在嘗試處理由 jQuery.ajax() 呼叫的 API 回傳的錯誤。

如果錯誤的 HTTP 狀態 >= 500，我想做一些特定的操作，否則我想把它留給呼叫例程來處理例外。

所以 - 我有看起來像這樣的代碼：

        function deleteClient() {
        $('#deleteclienterrorpara').css('visibility', 'hidden');

        utils.deleteViaApi("/api/client/v1/client/"   ns.currentClientId)
        .then(function () {
            utils.closeModal("#clientMaintenance","/#/locateclient");
            utils.showInformationMessage("child deleted successfully");
        })
        .catch(function(error){

            $('#deleteclienterror').text(error.responseJSON.error.message);
            $('#deleteclienterrorpara').css('visibility', 'visible');
            $("#deleteclienterrorpara").addClass("error");
        });
    }

deleteViaApi 如下所示：

    const deleteViaApi = function(url){
    let contextDetails = setUpContextDetails(url,"DELETE");
        return new Promise(function(resolve, reject) {
            firebase.auth().currentUser.getIdToken()
                .then(function(idToken) {
                    return {'Authorization': 'Bearer '   idToken,
                        'ACTING_ON_BEHALF_OF' : ns.actingAs};
                }).then(function(headers) {
                resolve ($.ajax({
                    url: url,
                    type: "DELETE",
                    headers: headers,
                    complete: function(data) {
                        console.log("DELETE at "   url   " completes");
                    },
                    error: function(jqXHR,textStatus,errorThrown){
                        if (jqXHR.statusCode().status >= 500 ) {
                            return error_message(textStatus, errorThrown, jqXHR, contextDetails);
                        } else {
                            throw errorThrown;
                        }
                    }
                }));
            });
        });
};

我發現，當 API 回傳 500 范圍內的錯誤時，error處理程式會按照我的預期被呼叫，并且error_message函式也會被呼叫。但是，我也發現里面的catch代碼deleteClient也被執行了。我不希望這種情況發生，但我無法弄清楚它為什么會發生，或者如何阻止它發生。

uj5u.com熱心網友回復：

避免Promise建構式反模式！并且不要使用error處理程式，出于承諾目的將忽略該處理程式，.catch()而是使用。

function deleteViaApi(url) {
    let contextDetails = setUpContextDetails(url,"DELETE");
    return firebase.auth().currentUser.getIdToken().then(function(idToken) {
        return {
            'Authorization': 'Bearer '   idToken,
            'ACTING_ON_BEHALF_OF' : ns.actingAs
        };
    }).then(function(headers) {
        return new Promise((resolve, reject) => {
//      ^^^^^^
            $.ajax({
                url: url,
                type: "DELETE",
                headers: headers,
                success: resolve,
                error(jqXHR,textStatus,errorThrown) {
                    reject({jqXHR,textStatus,errorThrown});
                }
            });
        }).finally(function() {
            console.log("DELETE at "   url   " completes");
        }).catch(function({jqXHR,textStatus,errorThrown}){
            if (jqXHR.statusCode().status >= 500 ) {
                return error_message(textStatus, errorThrown, jqXHR, contextDetails);
            } else {
                throw errorThrown;
            }
        });
    });
}

標籤：查询 例外 承诺

上一篇：在JQUERY的div中列印了一個額外的單選按鈕

下一篇：在cpp中使用typedef中的當前型別