Question

我正在努力返回ID列表，这些ID将用于过滤Kendoui网格中的数据。我的MVC应用程序中的控制器使用Ajax返回了ID，然后该函数应该循环遍历返回的对象，并使用过滤器相应地更新数据源。

虽然我可以从对象中获取结果，但是我也收到一个错误，该错误导致函数停止。错误的原因是：

Cannot use 'in' operator to search for 'length' in 5

我尝试使用JSON.parse，但是没有用。我的代码如下：

 $.ajax({
        url: "@Url.Action("GetTabs")",
        type: "GET",
        data: { 'Name' : 'John' },
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            tabInfo(response);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log(jqXHR.status);
            console.log(textStatus);
            console.log(errorThrown);
        }
    });

function tabInfo(e) {
        let filters = [];
        let tags = $("#tags");
        let grid = $("#CarGrid");

        var idFilter = {
            logic: "or",
            filters: []
        };

        $.each(e, function (index, value) {
            $.each(value, function (_, d) {
                idFilter.filters.push({
                    field: "Id",
                    operator: "eq",
                    value: d.Id
                    })
                filters.push(idFilter);
            })
        });
        grid.dataSource.filter({
            logic: "and",
            filters: filters
        });
    }

当我在线搜索时，我看到很多帖子说这是因为您需要解析返回的数据，我尝试这样做，但最终得到了相同的结果。我可以看到它返回了结果，但随后不久又出现了此错误。

更新

Ajax响应为：

{Data: Array(5), Total: 5, AggregateResults: null, Errors: null}
AggregateResults
:
null
Data
:
Array(5)
0 : {Id: 1, TabName: "Test Tab", UserName: "John", UserEmail: "John", CreatedAt: "/Date(1530867600000)/", …}
1 : {Id: 2, TabName: "Test Tab 2", UserName: "John", UserEmail: "John", CreatedAt: "/Date(1530873780000)/", …}
2 : {Id: 3, TabName: "Test Tab 3", UserName: "John", UserEmail: "John", CreatedAt: "/Date(1530874140000)/", …}
3 : {Id: 4, TabName: "Test Tab 4", UserName: "John", UserEmail: "John", CreatedAt: "/Date(1530874260000)/", …}
4 : {Id: 5, TabName: "Test Tab 5", UserName: "John", UserEmail: "John", CreatedAt: "/Date(1530874320000)/", …}
length : 5
__proto__ : Array(0)
Errors : null
Total : 5

我使用两个循环提取数据不正确吗？

Answer 1

看看您的ajax响应，我认为您不需要两个$.each，而只需遍历response.Data，就足够了

$.each(e.Data, function (_, d) {
    idFilter.filters.push({
        field: "Id",
        operator: "eq",
        value: d.Id
        })
    filters.push(idFilter);
});

现在，正如@collapsar所评论的那样，如果我们在响应中得到的是$.each，则无需使用Array，这也应该起作用，但是使用Array.prototype.forEach

e.Data.forEach(function (d) {
    idFilter.filters.push({
        field: "Id",
        operator: "eq",
        value: d.Id
        })
    filters.push(idFilter);
});

希望有帮助

是什么在每个循环中导致我未捕获的TypeError？

1 个答案: