如何把 XML 文件显示为 HTML 表格

最新推荐文章于 2021-06-30 09:50:05 发布
最新推荐文章于 2021-06-30 09:50:05 发布
阅读量3.8k 收藏 2
点赞数
分类专栏： JavaScript

<html>
<head>
<script type="text/javascript">
var xmlhttp;

function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for IE7, Firefox, Mozilla, etc.
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE5, IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=onResponse;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}

function onResponse()
{
if(xmlhttp.readyState!=4) return;
if(xmlhttp.status!=200)
{
alert("Problem retrieving XML 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 (er)
{
txt=txt + "<td> </td>";
}
}
xx=x[i].getElementsByTagName("ARTIST");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td> </td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('copy').innerHTML=txt;
}

</script>
</head>

<body>
<div id="copy">
<button οnclick="loadXMLDoc('/example/xmle/cd_catalog.xml')">Get CD info</button>
</div>
</body>
</html>

<!--该代码片段来自于: http://www.sharejs.com/codes/html/9064-->

如何把 XML 文件显示为 HTML 表格

http://www.sharejs.com/codes/html/9064

<html>
<head>
<script type="text/javascript">
var xmlhttp;

function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for IE7, Firefox, Mozilla, etc.
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE5, IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=onResponse;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}

function onResponse()
{
if(xmlhttp.readyState!=4) return;
if(xmlhttp.status!=200)
{
alert("Problem retrieving XML 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 (er)
{
txt=txt + "<td> </td>";
}
}
xx=x[i].getElementsByTagName("ARTIST");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td> </td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('copy').innerHTML=txt;
}

</script>
</head>

<body>
<div id="copy">
<button οnclick="loadXMLDoc('/example/xmle/cd_catalog.xml')">Get CD info</button>
</div>
</body>
</html>

<!--该代码片段来自于: http://www.sharejs.com/codes/html/9064-->

如何把 XML 文件显示为 HTML 表格

http://www.sharejs.com/codes/html/9064

my98800
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用css把xml文件模拟显示成表格形态的测试
wsxiaole的专栏
06-09 320
用css把xml文件模拟显示成表格形态的测试
html－把XML文件加载到table
03-01
这篇博客"html－把XML文件加载到table"探讨的是如何利用JavaScript和DOM操作，将XML数据动态地展示在HTML表格中。这种技术对于网页应用中的数据展示和交互性非常有用，尤其适用于数据密集型的项目。 首先，我们需要...
XML中显示HTML的小技巧
我的鱼塘
09-05 153
今天用XSLT转换XML，发现XML中的HTML代码显示不正常。比如：XML文件: &lt;root&gt;&lt;date&gt;&lt;![CDATA[&lt;img border=0 src='images/w3china_logo.gif'&gt;]]&lt;/date&gt;&lt;/root&gt; XSLT文件: &lt;xsl:value-of select="root/date&quo
Eclipse中XML文件以表格形式显示
m0_58082958的博客
06-30 4356
Eclipse中导入项目后XML文件可能以表格形式出现，像我一样的新手小白就不知道要怎么修改和编辑了，想要常规的显示为代码形式很简单，点击左下角的Source,就转变为熟悉的代码格式了。
html 显示编辑xml文件,如何将 XML 文件显示为 HTML 表格展示
weixin_30716641的博客
06-10 348
如何将 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){...
AJAX教程(17)：把XML文件显示为HTML表格借鉴.pdf
12-25
这篇教程主要讲解如何使用AJAX技术将XML文件的内容动态加载并显示为HTML表格。AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，能够更新部分网页的技术。在本教程中，我们将深入理解...
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
10-22
主要介绍了JS读取XML文件数据并以table形式显示数据的方法,涉及javascript针对xml节点操作及HTML表格操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JavaScript实现将xml转换成html table表格的方法
10-24
主要介绍了JavaScript实现将xml转换成html table表格的方法,实例分析了javascript操作XML文件与table表格的技巧,非常具有实用价值,需要的朋友可以参考下
PHP读取XML显示到表格
12-13
综上所述，"PHP读取XML显示到表格"这一技术涵盖了PHP的XML解析、HTML表格生成以及可能涉及的数据处理和样式设计。在阅读了相关博客（如提供的链接）后，开发者可以进一步了解并实践这一过程，提升自己的PHP与XML应用...
html中获取xml数据
05-29
要取某些数据，可以不必访问数据库，直接从xml文件中读取，不是很好嘛？
XML文件数据表格编辑器
11-23
实现类似于表格编辑器的程序，编辑xml文件，目前支持到2级，运行需.net3.0运行环境
ORACLE 最基础的report+XML报表开发实例详细过程
02-26
最适合新手，跟着做一次就OK。我刚学的时候就用这个，现在做一个给大家
xml与xsl制作表格实例
06-15
仅仅是个实例，颜色动态等还需自己动手，好好看看吧！非常管用
XML报表
yangxn的专栏
06-01 777
Function Generate_xmlReport();    Local XmlDoc &xmlDoc;    Local XmlNode &root_node, &sub_node, &text_node;    Local Rowset &rs, &rs1;       Local PSXP_XMLGEN:RowSetDS &oRS;    Local PSXP_RPTDE
Xml转换成html表格代码,JavaScript实现将xml转换成html table表格的方法
weixin_39611666的博客
05-31 211
本文实例讲述了JavaScript实现将xml转换成html table表格的方法。分享给大家供大家参考。具体如下：function ConvertToTable(targetNode){// if the targetNode is xmlNode this line must be removed// i couldnt find a way to parse xml string to xm...
WEB嵌入.net打印控件
weixin_33989058的博客
04-29 141
WEB嵌入.net打印控件 2005-11-05 20:46:19 一笑^_^@-MZ7x /article/-MZ7x-fOhKji.html 复制 评论 基于XML的WEB系统报表精确打印实现 王春红 何志林 （运城学院计算机科学与技术系，山西 运城 044000）   摘　要：XML及其相关技术日益渗透到计算机科学的各个层面。针对XML的特点，给出了一个利用...
xml报表的简单开发
weixin_41094703的博客
01-04 1495
  小编上线了，最近刚学了xml报表，结果蛮简单，过程蛮复杂的。在做xml报表是，首先必须在Word中添加 BI Publisher, 如下图：   小编在安装的时候首先在虚拟机中安装BI Publisher ,然后就遇到安装成功，但在Word中显示不了这个插件，然后提示说启动不了 ，然后小编到现在都还没解决，最先提示说没有。Net framework 4.0的版本，然后虚拟机中没有网络...
java xml 报表_用XML文件作为web报表数据源并建立数据集的方法
weixin_42131414的博客
02-27 265
快逸报表服务器提供了多种类型的数据集供用户使用，有SQL检索、存储过程、复杂SQL 、Text文件、XML文件、内建数据、语义层视图、EssBase和自定义等数据集类型。数据集如果是XML文件类型，表示该数据集的数据来自XML文件。本文就来介绍一下数据集类型为XML文件的报表制作方法。第一步，标准xml文件的写法首先看个XML文件例子，说一下XML文件的写法，并制作一个xml标准文件< ?x...
xml文件显示为网页内容
最新发布
12-18
我们可以使用XPath来选择XML文件中的特定元素或属性，并使用XSLT的模板来将其转换为网页内容中的文本、链接、列表、表格等标记。 通过在XML文件中引用XSLT样式表，浏览器可以将XML文件的数据应用样式表后转换为网页...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值