Google XML建议

Question

谷歌的建议是作为XML表格在线提供的,例如这些是关于单词堆栈的建议:Google的XML结果.这是一个截断版本:

<toplevel>
  <CompleteSuggestion>
    <suggestion data="stack overflow"/>
    <num_queries int="25200000"/>
  </CompleteSuggestion>
  <CompleteSuggestion>
    <suggestion data="stackable washer dryer"/>
    <num_queries int="1050000"/>
  </CompleteSuggestion>
  <CompleteSuggestion>
    <suggestion data="stacked"/>
    <num_queries int="57000000"/>
  </CompleteSuggestion>
  …
</toplevel>

我想在我的网站上输入一个输入字段,并在输入时获得建议.如何在我的网站上获取XML并将其显示为常规HTML(文本)？

(我可以用jQuery做到这一点吗？)

Answer 1

要检索XML数据跨域,您可以使用YQL检索数据并将其转换为JSONP.

为了显示建议,您可以使用jQuery UI的自动完成功能.

$("#term").autocomplete({
  minLength: 2,
  source: function(request, response) {
    $.ajax({
      url: 'http://query.yahooapis.com/v1/public/yql',
      dataType: 'JSONP',
      data: {
        format: 'json',
        q: 'select * from xml where url="http://google.com/complete/search?output=toolbar&q=' + encodeURIComponent(request.term) + '"'
      },
      success: function(data) {
        response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) {
          return { label: item.suggestion.data, value: item.suggestion.data };
        }));
      }
    });
  }
});

这是代码.