jquery - Jquery 自动完成远程数据源中获取事件错误

Question

我正在将 Jquery 自动完成与远程数据源一起使用，但是，有时当尝试在我的服务器中进行搜索时，会返回错误，因为我正在使用像数据源这样的休息网络服务。我想知道我的网络服务返回的状态代码是什么并打印错误消息示例:

$(idObjeto).autocomplete({
            source:url,
            minLength: 3,
            select:function(data,ui){
                $(formatIdJQuery(idObjValueReceptor)).val(ui.item.id);
            }
        }).data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + item.label + " - <strong>" + item.id + "</strong></a>" )
            .appendTo( ul );
        };
    }

假设我的网络服务返回状态代码 404，例如，我想获取此状态代码并调用警报窗口。

这就是大家!

Answer 1

您可以重新构造您的小部件以使用函数作为 source 参数，然后自己发出 AJAX 请求并在出现错误时执行您想要的任何操作:

$(idObjeto).autocomplete({
    source: function (request, response) {
        $.ajax({
            url: url,
            dataType: "json",
            data: request,
            success: function (data) {
                response(data);
            },
            error: function () {
                response([]); // send no results to the widget.
                alert("an error occurred!");
            }
        });
    },
    minLength: 3,
    select:function(data,ui){
        $(formatIdJQuery(idObjValueReceptor)).val(ui.item.id);
    }
}).data( "autocomplete" )._renderItem = function( ul, item ) {
    return $( "<li></li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + item.label + " - <strong>" + item.id + "</strong></a>" )
        .appendTo( ul );
    };
};