如何在 JavaScript 中读取 XML 服务器响应？答案

【问题标题】：How to read XML server response in JavaScript?如何在 JavaScript 中读取 XML 服务器响应？
【发布时间】：2014-10-06 12:04:14
【问题描述】：

我在一个 Web 项目上工作，此时我需要将硬编码的 xml 从 Java 传递到 JavaScript 以解析该 xml；问题是我不知道该怎么做。如下图，我的xml存储在一个String变量中，所以我需要把这个变量传递给JavaScript。我正在使用 tomcat 作为服务器。

Java 代码 - 创建 xml：

@Path("/getXml")
@GET
@Produces(MediaType.TEXT_XML)
@Consumes(MediaType.TEXT_PLAIN)
public String getXml(@Context HttpServletRequest request) throws TransformerConfigurationException, TransformerException{

    try {
        DocumentBuilderFactory docFactory = DocumentBuilderFactory.newInstance();
        DocumentBuilder docBuilder = docFactory.newDocumentBuilder();

        Document document = docBuilder.newDocument();
        Element rootElement = document.createElement("news-counts");
        document.appendChild(rootElement);

        int j=12;
        for(int i=1; i<10; i++) {
            Element item = document.createElement("item");
            rootElement.appendChild(item);
            item.setAttribute("count", "" + j);
            item.setAttribute("date", "201408" + "0" + i);
            j=j+2;
        }

        TransformerFactory transformerFactory = TransformerFactory.newInstance();
        Transformer transformer = transformerFactory.newTransformer();
        // transformer.setOutputProperty(OutputKeys.OMIT_XML_DECLARATION, "yes");
        StringWriter writer = new StringWriter();
        transformer.transform(new DOMSource(document), new StreamResult(writer));
        String xmlOutput = writer.getBuffer().toString().replaceAll("\n|\r", "");

       // return Response.status(Status.NOT_ACCEPTABLE).entity("xmlOutput").build();        
       //System.out.println(xmlOutput);

        return xmlOutput;        

    } catch (ParserConfigurationException ex) {
        Logger.getLogger(Searcher.class.getName()).log(Level.SEVERE, null, ex);
    } finally {
        return null;
    }

}

JavaScript 代码 - 我如何尝试访问 xmlOutput 变量

function test() {

var r=new XMLHttpRequest();
r.open("GET", "http://localhost:8080/WebApplication6/tavi/searcher/getXml" , false);

r.send(); 
var responseText = r.responseText;
alert(responseText);
}

【问题讨论】：

“简单”的方法是切换到 JSON。
XMLHttpRequests 包含用于 XML 响应的 responseXML property。提供一个有效的响应，它应该包含一个从 XML 创建的 DOM 文档。

标签： java javascript ajax xml

【解决方案1】：

您可以轻松地使用Jquery 来解析xml。这是另一个Easy XML Consumption using jQuery。如果您更喜欢纯 JavaScript，请查看 thread。

使用 Jquery：

    var xml = $.parseXML("<news-counts><item count=\"1\" date=\"2014-08-13 00:00:00\">Stuff</item><item count=\"2\" date=\"2014-08-13 01:01:01\">Bar</item></news-counts>");
    var x = xml.getElementsByTagName('item');
    for(i=0;i<x.length;i++)
        {
        console.log(x.item(i).textContent); //Stuff Bar
        console.log(x.item(i).getAttribute('count')); //1 2
        console.log(x.item(i).getAttribute('date')); //2014-08-13 00:00:00  2014-08-13 01:01:01  
        }

使用 javascript：

var parseXml;
    if (typeof window.DOMParser != "undefined") {
        parseXml = function(xmlStr) {
            return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
        };
    } else if (typeof window.ActiveXObject != "undefined" &&
           new window.ActiveXObject("Microsoft.XMLDOM")) {
        parseXml = function(xmlStr) {
            var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
            xmlDoc.async = "false";
            xmlDoc.loadXML(xmlStr);
            return xmlDoc;
        };
    } else {
        throw new Error("No XML parser found");
    }
    var xml = parseXml("<news-counts><item count=\"1\" date='2014-08-13 00:00:00'>Stuff</item><item count=\"2\" date='2014-08-13 00:00:00'>Bar</item></news-counts>");//get attributes or contents after this line

【讨论】：

谢谢。我找到了“getXml”的位置。我删除了“try-catch”语句，现在我可以访问我的字符串了；这很奇怪。

【解决方案2】：

你可以通过这种方式在javascript中解析你的xml -

  var content = xml_string;//your xml string variable                       

    if (typeof content == 'string') {
    content = ( new window.DOMParser() ).parseFromString(content, "text/xml");
    }

【讨论】：

【解决方案3】：

您可以通过 jQuery 解析 xml。参考：http://www.jquerybyexample.net/2012/04/read-and-process-xml-using-jquery-ajax.html

【讨论】：