javascript - 如何通过 jquery/JavaScript 使用 Google XML 建议

Question

我找到了一种通过 XML 获取 Google 建议的方法，它的地址如下:

This is suggestions for the word Cars

我的问题是，当使用输入字段重新设置时，如何让 XML 显示为正确的 HTML ul/li。因此，在输入字段中键入内容将获得 XML 列表并将其显示为常规 HTML 列表。

Answer 1

您可以使用 XSLT

• MDN documentation

但是您会遇到这样的问题:您不能简单地将 XML 导入 Internet Explorer 中的 HTML。

<小时/>

因此，为了您的目的，只需迭代相关的 Node

var xml = new DOMParser( ).parseFromString(/*xml string*/,"text/xml") ;

var l1 = xml.getElementsByTagName("suggestion") ;
var l2 = xml.getElementsByTagName("num_queries") ;

var d = document.createElement("div") ;

    if(l1.length === l2.length) {

         for(var i = 0, u, s, q , e; i < l1.length ; i++) {

             u = document.createElement("ul") ;
             d.appendChild(u) ;

             s = l1[i] ;
             q = l2[i] ;

             e = document.createElement("li") ;
             e.appendChild(  document.createTextNode( s.getAttribute("data") )  ) ;
             u.appendChild(e) ;

             e = document.createElement("li") ;
             e.appendChild(  document.createTextNode( q.getAttribute("int") )  ) ;
             u.appendChild(e) ;

        }

    }

document.getElementsByTagName("body")[0].appendChild(d) ;

<小时/>

1. Preview on JSBin