javascript - 带 JSON 的 JQuery 选择器

Question

我正在尝试使用以下命令将 JSON 值检索到自动完成表行:

Javascript:

 <script>
        $(document).ready(function () {
            var text2 = $("#Text2").tautocomplete({
                width: "500px",
                columns: ['id', 'title'],
                ajax: {
                    url: "products.json",
                    type: "GET",
                    data: function () {
                        return [{ test: text2.searchdata() }];
                    },
                    success: function (data) {

                        var filterData = [];

                        var searchData = eval("/" + text2.searchdata() + "/gi");

                        $.each(data, function (i, v) {
                            if (v.products.search(new RegExp(searchData)) != -1) {
                                filterData.push(v);
                            }
                        });
                        return filterData;
                    }
                },
                onchange: function () {
                    $("#ta-txt").html(text2.text());
                    $("#ta-id").html(text2.id());
                }
            });
        });
    </script>

产品.json:

 {"products":[[{"id":"1","country":"Photobooks"},{"id":"2","country":"Cards"}]]}

我收到此错误:类型错误:v.products 未定义

任何帮助或建议将不胜感激。

Answer 1

鉴于 products.json 返回到变量 data 的内容，循环中没有 v.products。 data.products 是一个带有一个节点的数组，该节点是结果的数组。看看:

{"products":
    [
        [
            {
                "id":"1",
                "country":"Photobooks"
            },
            {
                "id":"2",
                "country":"Cards"
            }
        ]
    ]
}

这将迭代这些结果

success: function (data) {
    $.each(data.products[0], function (i, v) {
        // etc
    });
}

<强> Demo