尝试将自动完成连接到 google 建议

Question

我希望使用 Kendo UI 向我的站点 https://www.headlineintime.com/ 添加自动完成功能，并希望将其连接到 Google 自新闻以来的建议搜索框将具有整个网络的相关内容。任何想法应该如何连接？我试过使用这个：

   $('#search').kendoAutoComplete({
        minLength: 3,
        filter: "startswith",
        placeholder: "Search ...",
        suggest: true,
        select: function (e) {
            $('#btnSearch').trigger('click');
        },
        dataSource: new kendo.data.DataSource({
            serverFiltering: true,
            transport: {
                read: {
                    url: "https://suggestqueries.google.com/complete/search?client=firefox",
                    data: onAdditionalData,
                    type: "get",
                    dataType: "jsonp",
                }
            },
        })

但这似乎不起作用。问题是它没有正确显示 Google 建议项目：

并且在 Fiddler 中查看从 Google 返回的 JSON 看起来像：

有什么建议（没有双关语）？感谢您的帮助！

-迈克

Answer 1

我找出了我遗漏的东西。我需要模式设置让 parse 属性指向结果的第二个元素，即列表。以下是自动完成的完整代码：

        $('#search').kendoAutoComplete({
        minLength: 3,
        filter: "startswith",
        placeholder: "Search ...",
        suggest: true,
        select: function (e) {
            $('#btnSearch').trigger('click');
        },
        dataSource: new kendo.data.DataSource({
            serverFiltering: true,
            transport: {
                read: {
                    url: "https://suggestqueries.google.com/complete/search?client=firefox",
                    data: onAdditionalData,
                    type: "get",
                    dataType: "jsonp",
                }
            },
            schema: {
                parse: function(data) {
                    return data[1];
                }
            }
        })
    });

您可以在 https://www.headlineintime.com:

看到它正常工作

尝试将自动完成连接到 google 建议

Trying to wire autocomplete to google suggest

javascript

kendo-ui