使用 JQuery 将 XML 数据加载到 div 中答案

【问题标题】：Load XML data into div using JQuery使用 JQuery 将 XML 数据加载到 div 中
【发布时间】：2014-03-11 11:47:10
【问题描述】：

我有以下 xml 内容格式，想知道是否可以使用 JQuery 将数据加载到 div 中：

<?xml version="1.0" encoding="ISO-8859-15"?>
<status>
  <client pid="239" account="account1" host="domaina.com" />
  <client pid="459" account="account2" host="domainb.com" />
  <client pid="235" account="account3" host="domainc.com" />
</status>

我见过的大多数xml示例都是这种格式：

<?xml version="1.0" encoding="utf-8" ?>
<Status>
  <client>
     <pid>239</pid>
     <account>account1</account>
     <host>domaina.com</host>
  </client>
  <client>
     <pid>459</pid>
     <account>account2</account>
     <host>domainb.com</host>
  </client>
  <client>
     <pid>235</pid>
     <account>account3</account>
     <host>domainc.com</host>
  </client>
</Status>

我是否可以按照指南在第一个 xml 文件中加载数据或为我提供可能重复问题的链接。

谢谢

【问题讨论】：

非常感谢各位。我会仔细研究您建议的答案，看看哪些有效

标签： jquery xml

【解决方案1】：

您可以使用 jquery 库来解析您的 xml 数据以供参考您可以访问 jquery 站点 https://api.jquery.com/jQuery.parseXML/ 还有

How to parse XML using jQuery?

【讨论】：

【解决方案2】：

我最近正在这样做，但我最终使用了 TextArea，因为它能够保留缩进/等。有用于 Div 的插件，但很可能需要对其进行转义才能正确显示。 . 我能提供的最佳链接是：http://www.w3schools.com/xml/xml_to_html.asp

    <html>
    <body>

    <script>
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.open("GET","cd_catalog.xml",false);
    xmlhttp.send();
    xmlDoc=xmlhttp.responseXML; 

    document.write("<table border='1'>");
    var x=xmlDoc.getElementsByTagName("CD");
    for (i=0;i<x.length;i++)
      { 
      document.write("<tr><td>");
      document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
      document.write("</td><td>");
      document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
      document.write("</td></tr>");
      }
    document.write("</table>");
    </script>

    </body>
    </html>

找不到插件，但它也用于显示代码.. 可能能够通过一些挖掘和不良更新来获得它。

【讨论】：

【解决方案3】：

有一个方便的 JQuery 插件 可以将简单的 XML 转换为 JSON 对象http://www.fyneworks.com/jquery/xml-to-json/#tab-Usage。你可以这样做：

var xml = '<status><client pid="239" account="account1" host="domaina.com" />
           <client pid="459" account="account2" host="domainb.com" />
           <client pid="235" account="account3" host="domainc.com" /></status>';

$.getScript('http://jquery-xml2json-plugin.googlecode.com/svn/trunk/jquery.xml2json.js');

$.xml2json(xml);

【讨论】：