web-dev-qa-db-ja.com

JQuery $ .ajax statusCode Else

Jquery Ajax呼び出しでは、現在、statusCode 200および304を処理しています。

関連する検証メッセージがある場合、ステータスコード400-Bad Requestを返します。

次に、これは「Error」関数に分類されてから、定義したstatusCode "400"関数に分類されます。つまり、2つのアクションが発生します。

理想的には、「Error」と「Success」を定義せず、「statusCode」のみを定義したいのですが、「Else」を用意して、2-3のみ存在するすべてのstatusCodeを宣言する必要がないようにする必要があります。別に扱いたい。

$.ajax({
        type: 'POST',
        contentType: "application/json",
        url: "../API/Employees.svc/" + EmployeeId + "/Company/" + CompanyId,
        data: jsonString,
        statusCode: {
            200: function () { //Employee_Company saved now updated

                hideLoading();
                ShowAlertMessage(SaveSuccessful, 2000);
                $('#ManageEmployee').dialog('close');

            },
            304: function () { //Nothing to save to Employee_Company

                hideLoading();
                $('#ManageEmployee').dialog('close');

                if (NothingToChange_Employee) {
                    ShowAlertMessage(NothingToUpdate, 2000);
                } else {
                    ShowAlertMessage(SaveSuccessful, 2000);
                }
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            AjaxError(XMLHttpRequest, textStatus, errorThrown);
        }
    });
23
Steve

「complete」イベントは常に発生するので、そこからステータスコードを取得し、成功関数とエラー関数を無視できます。

complete: function(e, xhr, settings){
    if(e.status === 200){

    }else if(e.status === 304){

    }else{

    }
}
28

これは私が使うものです:

error: function (xhr, textStatus, errorThrown) {
    switch (xhr.status) {
        case 401:
           // handle unauthorized
           break;
        default:
           AjaxError(xhr, textStatus, errorThrown);
           break;
    }
}
10
Muxa

jQuery AJAX response completesuccesserrorは非推奨になりました。.doneを使用した最新バージョン代わりに.fail.alwaysをお約束します。

成功すると.alwaysの署名は.doneになり、失敗すると署名は.failの署名に変更されます。 textStatusを使用すると、正しい変数を取得して本体の内容を返すことができます。

var jqxhr = $.ajax( {
    type: frm.attr('method'),
    url: frm.attr('action'),
    data: frm.serialize(),
    dataType: 'json',
    } )

    .done(function( data, textStatus, jqXHR ) {
        alert( "success" );
    })
    .fail(function( jqXHR, textStatus, errorThrown ) {
        alert( "error" );
    })

    .always(function( data_jqXHR, textStatus, jqXHR_errorThrown ) {

        if (textStatus === 'success') {
            var jqXHR = jqXHR_errorThrown;
        } else {
            var jqXHR = data_jqXHR;
        }
        var data = jqXHR.responseJSON;

        switch (jqXHR.status) {
            case 200:
            case 201:
            case 401:
            default:
                console.log(data);
                break;
        }   

});

jqxhr.always(function() {
    alert( "second complete" );
});
2
MrYellow

このアプローチを最初のロジックと同様に保つために、statusCodeオブジェクトを渡し続けます。ただし、「else」が4xxまたは5xxタイプのエラーコードの領域に分類されることは、まだわかっています。

だから私はあなたの元のコードを次のように更新します:

var statusCodeResponses = {
    200: function () { //Employee_Company saved now updated

        hideLoading();
        ShowAlertMessage(SaveSuccessful, 2000);
        $('#ManageEmployee').dialog('close');

    },
    304: function () { //Nothing to save to Employee_Company

        hideLoading();
        $('#ManageEmployee').dialog('close');

        if (NothingToChange_Employee) {
            ShowAlertMessage(NothingToUpdate, 2000);
        } else {
           ShowAlertMessage(SaveSuccessful, 2000);
        }
    }
};

var genericElseFunction = function(response){
    // do whatever other action you wanted to take
};

for(var badResponseCode=400; badResponseCode<=599; badResponseCode++){
     statusCodeResponses[badResponseCode] = genericElseFunction;
}

$.ajax({
    type: 'POST',
    contentType: "application/json",
    url: "../API/Employees.svc/" + EmployeeId + "/Company/" + CompanyId,
    data: jsonString,
    statusCode: statusCodeResponses,
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        AjaxError(XMLHttpRequest, textStatus, errorThrown);
    }
});
1
Scott Lobdell