我可以将 jquery ajax 调用的错误功能用于 ext js ajax 调用吗？

Question

在我的应用程序中有两种类型的 ajax 调用。

1.Ext js ajax 调用。 2.jquery ajax调用。

以下是它们各自的两个代码示例。

1.Ext js ajax 调用。

Ext.get(document.body).mask('Processing...', 'x-mask-loading');
    searchURL = getFormAction('hm.web.HMCaregiverManager', 'getCountryKeyTx');
    var conn = new Ext.data.Connection();
    conn.request({
        url: searchURL,
        method: 'POST',
        params: {"hm_caregiver_country_uno"  : countryUno
                },
        success: function(responseObject) {

            var countryKeyTx  = responseObject.responseText;
            initCountryDropDowns(countryKeyTx);

            Ext.get(document.body).unmask(true);

        },
         failure: function() {
             Ext.Msg.alert('Failure', 'Unable to contact server');
             Ext.get(document.body).unmask(true);
         }
    });

2.Jquery ajax 调用。

$.ajax({
                type: 'POST',
                url: validateAjaxURL,
                success: function (data) {                  
                    var returnData = data;  
                    if (returnData.match("^selectedUno-")) {    

                          $('#new_caregiver_popup_div').dialog('close');    
                    }else{
                        $("#new_caregiver_popup_div").html(data);
                    }
                },
                error: function (jQXHR, textStatus, errorThrown) {
                    handleAjaxError(jQXHR, textStatus, errorThrown);                        
                }
        });

我在 jquery ajax call error: 选项中使用“jQXHR、textStatus、errorThrown”参数以获取有关错误的详细信息。我也想获取 ext js ajax 调用失败的错误详细信息。那么我可以包含那个错误函数而不是 ext js ajax 调用的失败函数。那么代码会是这样的。

Ext.get(document.body).mask('Processing...', 'x-mask-loading');
    searchURL = getFormAction('hm.web.HMCaregiverManager', 'getCountryKeyTx');
    var conn = new Ext.data.Connection();
    conn.request({
        url: searchURL,
        method: 'POST',
        params: {"hm_caregiver_country_uno"  : countryUno
                },
        success: function(responseObject) {

            var countryKeyTx  = responseObject.responseText;
            initCountryDropDowns(countryKeyTx);

            Ext.get(document.body).unmask(true);

        },
         **failure: function (jQXHR, textStatus, errorThrown) {
                    handleAjaxError(jQXHR, textStatus, errorThrown);                        
                }**
    });

这个 ext js ajax 代码可以工作吗？任何帮助将不胜感激。

Answer 1

在 extjs 中，所有请求都是 ajax。负责这个的类是 Ext.Ajax

这里是 API： https://docs.sencha.com/extjs/5.1.3/Ext.Ajax.html#method-request

Ext.Ajax.request({
    url: 'ajax_demo/sample.json',
    success: function(response, opts) {
        var obj = Ext.decode(response.responseText);
        console.dir(obj);
    },
    failure: function(response, opts) {
        console.log('server-side failure with status code ' + response.status);
    }
});

故障函数有两个参数：

failure :  Function
    The function to be called upon failure of the request. The callback is passed the following parameters:

    response :  Object
        The XMLHttpRequest object containing the response data.
    options :  Object
        The parameter to the request call.