javascript - Google建议搜索多个单词

Question

我正在使用 google-suggestion，并尝试获取所有建议。我在这里找到了示例

<div class="ui-widget">
    <input id="search" />
</div>

JavaScript代码

$(function () {
    $("#search").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url%3D%22http%3A%2F%2Fsuggestqueries.google.com%2Fcomplete%2Fsearch%3Fclient%3Dfirefox%26q%3D" + encodeURIComponent(request.term) + "%22&format=json",
                dataType: "jsonp",
                success: function (data) {
                    response(data.query.results.json.json[1].json);
                }
            });
        },
        minLength: 2
    });
});

http://jsfiddle.net/Xotic750/qjy6H/

当我输入多个单词时，它不起作用(不显示建议)。
感谢帮助。关于这个主题还有另一个问题。我可以将结果保存到数组并将其传输到 html 页面吗？我该怎么做？

Answer 1

您需要将 request.term 中的空格替换为 + 符号:

这是工作的 JS 代码:

$(function () {
    $("#search").autocomplete({
        source: function (request, response) {
            var searchTerm = "auto+" + request.term.replace(" ", "+");
            $.ajax({
                url: "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url%3D%22http%3A%2F%2Fsuggestqueries.google.com%2Fcomplete%2Fsearch%3Fclient%3Dfirefox%26q%3D"
+ encodeURIComponent(searchTerm) + "%22&format=json",
                dataType: "jsonp",
                success: function (data) {
                    response(data.query.results.json.json[1].json);
                }
            });
        },
        minLength: 2
    }); });

您可以看到它在此代码笔上运行:http://codepen.io/adrenalinedj/pen/MyOZGj