xml 将xml文档以表格的形式输出

最新推荐文章于 2025-06-07 12:28:05 发布
原创 最新推荐文章于 2025-06-07 12:28:05 发布 · 5k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

这篇博客展示了如何将XML文档以表格形式输出，引用了w3school的DEMO，包括index.html、ajax.js和index.xml三个文件的互动操作，所有文件位于同一根目录下。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在此我引用了w3school中的一个demo,我们还是来看看具体的例子吧：

index.html

<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Strict//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<title>insert into title</title>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<div id="copy">
<button onclick="getXmlDoc('index.xml')">Get XmlDoc</button>
</div>
</body>
</html>

ajax.js

var xmlHttp;
function getXMLHttpRequest(){
    var  xmlHttp=null;
    if(window.XMLHttpRequest){
         xmlHttp=new XMLHttpRequest();    
    }else if(window.ActiveXObject){
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xmlHttp; 
}

function  getXmlDoc(url){
    xmlHttp=getXMLHttpRequest();
    if(xmlHttp!=null){
         xmlHttp.onreadystatechange=stateChanged;
         xmlHttp.open("GET",url,true);
         xmlHttp.send(null);
    }else{
         alert("Browser does not Http Request");
         return;
    }
}

function stateChanged(){
    if(xmlHttp.readyState!=4) true;
    if(xmlHttp.status!=200){
         alert("Problem retrieving data");
         return;
    }
    txt="<table border='1'>";
    x=xmlHttp.responseXML.documentElement.getElementsByTagName("CD");
    for(i=0;i<x.length;i++){
        txt=txt+"<tr>";
        xx=x[i].getElementsByTagName("TITLE");
        {
           try{
              txt=txt+"<td>"+xx[0].firstChild.nodeValue+"</td>";
           }catch(e){
              txt=txt+"<td> </td>";
           }
        }
        xx=x[i].getElementsByTagName("ARTIST");
        {
           try{
              txt=txt+"<td>"+xx[0].firstChild.nodeValue+"</td>";
           }catch(e){
              txt=txt+"<td> </td>";
           }
        }
        txt=txt+"</tr>";
    }
    txt=txt+"</table>";
    document.getElementsById("copy").innerHTML=txt;
}

index.xml

<?xml version="1.0" encoding="utf-8"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
<CD>
<TITLE>Greatest Hits</TITLE>
<ARTIST>Dolly Parton</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>RCA</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1982</YEAR>
</CD>
<CD>
<TITLE>Still got the blues</TITLE>
<ARTIST>Gary Moore</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Virgin records</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1990</YEAR>
</CD>
<CD>
<TITLE>Eros</TITLE>
<ARTIST>Eros Ramazzotti</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>BMG</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1997</YEAR>
</CD>
<CD>
<TITLE>One night only</TITLE>
<ARTIST>Bee Gees</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1998</YEAR>
</CD>
<CD>
<TITLE>Sylvias Mother</TITLE>
<ARTIST>Dr.Hook</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS</COMPANY>
<PRICE>8.10</PRICE>
<YEAR>1973</YEAR>
</CD>
<CD>
<TITLE>Maggie May</TITLE>
<ARTIST>Rod Stewart</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Pickwick</COMPANY>
<PRICE>8.50</PRICE>
<YEAR>1990</YEAR>
</CD>
<CD>
<TITLE>Romanza</TITLE>
<ARTIST>Andrea Bocelli</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>10.80</PRICE>
<YEAR>1996</YEAR>
</CD>
<CD>
<TITLE>When a man loves a woman</TITLE>
<ARTIST>Percy Sledge</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Atlantic</COMPANY>
<PRICE>8.70</PRICE>
<YEAR>1987</YEAR>
</CD>
<CD>
<TITLE>Black angel</TITLE>
<ARTIST>Savage Rose</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Mega</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1995</YEAR>
</CD>
<CD>
<TITLE>1999 Grammy Nominees</TITLE>
<ARTIST>Many</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Grammy</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1999</YEAR>
</CD>
<CD>
<TITLE>For the good times</TITLE>
<ARTIST>Kenny Rogers</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Mucik Master</COMPANY>
<PRICE>8.70</PRICE>
<YEAR>1995</YEAR>
</CD>
<CD>
<TITLE>Big Willie style</TITLE>
<ARTIST>Will Smith</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1997</YEAR>
</CD>
<CD>
<TITLE>Tupelo Honey</TITLE>
<ARTIST>Van Morrison</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>8.20</PRICE>
<YEAR>1971</YEAR>
</CD>
<CD>
<TITLE>The very best of</TITLE>
<ARTIST>Cat Stevens</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Island</COMPANY>
<PRICE>8.90</PRICE>
<YEAR>1990</YEAR>
</CD>
<CD>
<TITLE>Stop</TITLE>
<ARTIST>Sam Brown</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>A and M</COMPANY>
<PRICE>8.90</PRICE>
<YEAR>1988</YEAR>
</CD>
<CD>
<TITLE>Bridge of Spies</TITLE>
<ARTIST>T'Pau</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Siren</COMPANY>
<PRICE>7.90</PRICE>
<YEAR>1987</YEAR>
</CD>
<CD>
<TITLE>Private Dancer</TITLE>
<ARTIST>Tina Turner</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Capitol</COMPANY>
<PRICE>8.90</PRICE>
<YEAR>1983</YEAR>
</CD>
<CD>
<TITLE>Midt om natten</TITLE>
<ARTIST>Kim Larsen</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Medley</COMPANY>
<PRICE>7.80</PRICE>
<YEAR>1983</YEAR>
</CD>
<CD>
<TITLE>Pavarotti Gala Concert</TITLE>
<ARTIST>Luciano Pavarotti</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>DECCA</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1991</YEAR>
</CD>
<CD>
<TITLE>The dock of the bay</TITLE>
<ARTIST>Otis Redding</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Atlantic</COMPANY>
<PRICE>7.90</PRICE>
<YEAR>1987</YEAR>
</CD>
<CD>
<TITLE>Picture book</TITLE>
<ARTIST>Simply Red</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Elektra</COMPANY>
<PRICE>7.20</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Red</TITLE>
<ARTIST>The Communards</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>London</COMPANY>
<PRICE>7.80</PRICE>
<YEAR>1987</YEAR>
</CD>
<CD>
<TITLE>Unchain my heart</TITLE>
<ARTIST>Joe Cocker</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>EMI</COMPANY>
<PRICE>8.20</PRICE>
<YEAR>1987</YEAR>
</CD>
</CATALOG>

注：index.html index.xml ajax.js 在同一根目录下。

将XML文件在html上以表格形式输出
jiangyang112233的博客
05-04 1259
将XML文件在html上以表格形式输出 xml文件： <?xml version="1.0" encoding="utf-8" ?> <students> <student> <s_id>5664363</s_id> <s_name>Max</s_name> </student>...
XML绘制表格
06-13
http://blog.youkuaiyun.com/vaecer/article/details/9086641 配套工程
利用Xml 创建表
℡瀦娃娃ゞɑ
08-24 1678
package com.chai; import java.io.File; import java.sql.PreparedStatement; import java.sql.SQLException; import java.util.Iterator; import org.dom4j.Document; import org.dom4j.DocumentExcepti
使用XmlExcelExport轻松创建Excel电子表格
最新发布
weixin_36212459的博客
06-07 612
可扩展标记语言（Extensible Markup Language, XML）是一种用于存储和传输数据的标记语言。XML的设计目标是传达数据，而不是显示数据，使得XML文档能够跨平台被各种应用读取和处理。与HTML专注于数据展示不同，XML专注于数据内容本身，提供了一种统一的数据格式，允许开发者自定义数据结构和标签。DTD是用来定义XML文档结构的一种方式，可以用来描述一个文档结构的合法构建模块。DTD可以声明元素和属性，以及它们之间的关系。
用XML绘制Word和Excel里的简单表格
weixin_44148327的博客
03-01 1586
Word 基础的WordXML对应元素 w:document：表示Word文档的根元素。 **w:p：**表示段落（Paragraph）元素。 **w:r：**表示文本运行（Run）元素，用于包含文本内容。 **w:t：**表示文本（Text）元素，用于存放实际的文本内容。 **w:tbl：**表示表格（Table）元素。 **w:tr：**表示表格行（Table Row）元素。 **w:tc：**表示表格单元格（Table Cell）元素。 **w:hyperlink：**表示超链接（Hyperli
html 显示编辑xml文件,如何将 XML 文件显示为 HTML 表格展示
weixin_30716641的博客
06-10 402
如何将 XML 文件显示为 HTML 表格展示var xmlhttp;function loadXMLDoc(url){xmlhttp=null;if (window.XMLHttpRequest){// code for IE7, Firefox, Mozilla, etc.xmlhttp=new XMLHttpRequest();}else if (window.ActiveXObject){...
eclipse中的xml文件呈现表格形式
weixin_43030842的博客
05-04 2845
今天写写个校Dome发现我的XML呈现变成了表格形式（如下图），自己很惊恐，不在到怎么回事，毕竟经常复制粘贴，变成表格形式还怎么抄。。。 以为是哪里设计错误，遇是查了查，发现解决方法极其简单。。。 只要点一下就好了，哎谁叫咱基础太差呢！ ...
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
10-22
描述中强调了本内容是介绍如何通过JavaScript来读取XML文件，并将其中的数据以表格的形式在网页上展示出来。这个过程涵盖了对XML节点的操作技巧以及HTML表格的创建与操作技巧。尤其在操作技巧方面，提及了对不同...
JavaScript实现将xml转换成html table表格的方法
10-24
JavaScript是一种广泛应用于前端开发的脚本语言，它主要用于网页交互、数据处理和...通过本文介绍的方法，开发者可以将结构化的XML数据以表格形式直观地展示在网页上，这在数据展示和信息传递方面具有极大的实用价值。
用js+xml自动生成表格的东西
12-09
接下来，获取XML文档中的所有`<employee>`节点，并遍历它们。对于每个员工，提取`name`、`job`和`salary`属性，然后将这些信息插入到新的表格行（tr）中。 这里的XML文件（例如`employees.xml`）应该有如下结构： ...
NXopen二次开发将读取xml文件函数封装为dll方便调用
01-23
本案例中，我们关注的是使用NXopen工具包进行的二次开发，目的是将读取XML文件的函数封装到一个动态链接库（DLL）中，以便于其他程序便捷地调用。下面将详细介绍这一过程及其相关知识点。 首先，我们需要了解XML...
AJAX+JSP实现读取XML内容并按排列显示输出的方法示例
12-08
本文实例讲述了AJAX+JSP实现读取XML内容并按排列显示输出的方法。分享给大家供大家参考，具体如下： 实现功能：点击按扭，显示出JSP页面中通过out.println传过来的xml信息 一、含XML的JSP页面 <%@ page ...
xml与xsl制作表格实例
06-15
仅仅是个实例，颜色动态等还需自己动手，好好看看吧！非常管用
XML文件数据表格编辑器
11-23
实现类似于表格编辑器的程序，编辑xml文件，目前支持到2级，运行需.net3.0运行环境
如何把 XML 文件显示为 HTML 表格
技术资料收集站
02-10 3929
var xmlhttp; function loadXMLDoc(url) { xmlhttp=null; if (window.XMLHttpRequest) {// code for IE7, Firefox, Mozilla, etc. xmlhttp=new XMLHttpRequest(); } else if (window.ActiveXObject) {//
通过XML快速建立EXCEL报表文件
humingyan的专栏
06-22 1597
通过XML快速建立EXCEL报表文件问题：        通过HTML直接改名为XLS文件，显示效果不好；        通过OLE控制EXCEL档数据量大时性能不好；        通过数据库直接导出EXCEL文件，格式不好控制。逆向示例：在EXCEL中打开一个XLS文件，然后再选择文件-另存为，在对话框中选择保存类型为“XML 表格”，然后保存文件，如A.XML，用文本编辑器打开A.XML，型
利用XML实现通用WEB报表输入和输出
johncools的博客
04-22 1632
开发B/S结构的应用程序最头疼的问题可能就是报表打印了，而很多B/S结构的应用程序常常需要完成非常复杂的报表打印任务。更加郁闷的是，很多报表在使用的的时候还要求将数据输入到数据库中。　　方案原理　　其实原理很简单，通过XML强大的自定义功能，进行格式解析，我们便能方便的自定义出我们所有需要的格式控制标签，在服务器端进行动态编码后通过WEB服务器传到客户端，然后在客户端打印出我们需要的报表。
将表格信息写入xml文件
weixin_43453727的博客
08-22 419
将表格信息写入xml文件
使用XML表达表格数据
LiLi的博客
08-23 5286
一、概述 使用XML表达如下表格数据（jdk1.8） 1、练习XML文件的编写方法 2、通过使用DOM4J解析XML文件，实现程序中读取内容 二、版本说明、bug反馈 DOM4J解析XML文件的流程 1）创建SAXReader对象 2）调用read方法，返回的是Document对象 3）调用getRootElement方法，获取根元素 4）通过迭代器遍历根元素下的子节点 属性用 attributeIterator() 子节点用 elementIterator() package te
PHP如何将XML数据准确展示于表格中
文章《PHP读取XML显示到表格》介绍了如何使用PHP读取XML文件并将其数据显示在HTML表格中。具体细节和实现代码可以在所提供的博客链接中找到。 #### 总结： 通过掌握PHP和XML的基础知识，以及学会如何将两者结合并...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值