<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 onclick="loadXMLDoc('***.xml')">Get CD info</button>
</div>
</body>
</html>
分享到：
相关推荐
蓝驿轨迹-ajax+xml实现省市区无刷新联动源码 帮助： 1.前台添加html控件 <script language="javascript" src="js/PCA.js"></script> <!--省市区--> 浙江省"> 杭州市"> 在前台拖放3个DropDownList控件：DropDownList...
根据提供的文件信息，我们可以从标题、描述以及部分代码内容中提炼出有关Ajax及XML处理的知识点。下面将详细解析这些知识点： ### Ajax与XML的基本概念 #### 1. Ajax（Asynchronous JavaScript and XML） Ajax是一...
例如，通过`document.createElement()`、`appendChild()`等方法构建XML树形结构，然后将这个XML树序列化成字符串，作为DWR调用的参数。 4. **服务器端XML解析** 服务器端接收到XML数据后，需要进行解析。Java提供...
本教程将详细讲解如何利用jQuery TreeTable插件结合AJAX和MySQL数据库，以及Spring、SpringMVC（SSM）架构来创建一个动态的树形表格。 **一、jQuery TreeTable介绍** jQuery TreeTable是一款轻量级的JavaScript...
Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术，它允许网页在不重新加载整个页面的情况下，通过后台载入和交换数据，从而实现局部刷新的效果。CSS（Cascading Style Sheets）则是用于...
这里，我们将深入探讨Ajax的基础，以及它如何应用于表格操作。 首先，理解Ajax的核心概念至关重要。Ajax基于JavaScript，通过XMLHttpRequest对象与服务器进行交互，接收或发送数据。然而，现代Web应用更多地使用...
在这个案例中，我们将深入探讨如何使用Ajax来实现在表格中对数据库的添加、删除等操作。 首先，让我们理解Ajax的基本工作原理。Ajax通过JavaScript在后台与服务器进行通信，而无需用户显式交互。它通过...
本主题将深入探讨如何利用XML数据生成表格，并实现无刷新更新数据的功能。 首先，XML文件是一种结构化的数据格式，通过标签来定义数据的结构和意义。它允许自定义标签，这使得XML具有高度灵活性，可以适应各种类型...
本文将详细讲解如何利用JavaScript、Ajax、JSON以及C#技术，在前端动态地显示各种表格数据。 首先，JavaScript是浏览器端的主要脚本语言，用于处理用户交互、动态内容更新以及与服务器进行异步通信。在本场景中，...
用ajax函数读取xml，然后解析XML.html，ajax无刷新读取文件，先使用jQuery加载XML,然后建立一个代码片段，遍历所有student节点，获取id节点，获取节点文本，获取student下的email属性，构造HTML字符串，通过append...
表格的每一行的每个单元格都使用`DATAFLD`属性来指定应该显示XML数据的哪个字段。 通过这种方式，JavaScript可以动态地遍历XML文档的节点，提取需要的信息，然后将其显示在网页上，实现无刷新的数据交互。例如，...
5. **JavaScript处理响应**：JavaScript接收到XML数据后，使用DOM（Document Object Model）API解析XML，然后根据需要更新网页内容，如填充表格或显示提示信息。 6. **页面更新**：无需刷新整个页面，仅更新与请求...
这篇教程主要讲解如何使用AJAX技术将XML文件的内容动态加载并显示为HTML表格。AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，能够更新部分网页的技术。在本教程中，我们将深入理解...
在网页开发中，异步数据交互是提升用户体验的关键技术之一，AJAX（Asynchronous JavaScript and XML）正是实现这一目标的有效工具。"使用Ajax实现页面表格添删改查的异步刷新操作"是一个实用的技术实现，它允许用户...
在网页开发中，数据展示和交互是至关重要的部分，而AJAX（Asynchronous JavaScript and XML）技术则在其中扮演了重要角色。AJAX允许我们无需刷新整个页面即可更新部分网页内容，大大提升了用户体验。本话题将深入...
在这个“ajax 静态网页操作表格分页哦”的主题中，我们将深入探讨如何使用Ajax技术实现静态网页中的表格分页功能。 一、Ajax基础 Ajax的核心是通过JavaScript异步发送HTTP请求到服务器，获取数据后在客户端进行处理...
在网页开发中，AJAX（Asynchronous JavaScript and XML）是一种技术，它允许我们在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。在本案例中，“ajax实现jsp页面表格”是一个教学示例，它展示了...
10. **兼容性和响应式设计**：为了适应不同设备和屏幕尺寸，AJAX的表格功能应该具备良好的响应式设计，确保在手机、平板电脑和桌面电脑上都能良好显示。 在实现AJAX的EXCEL表格功能时，可以借助各种JavaScript库，...
看到网上很多想用ajax的树的例子，很奇怪，明明...注：顺便下载了一个省市县的3级xml文件，作为ajax树联动展示的例子 这个例子还实现了选中父结点时，选中全部子结点； 取消一个子结点，同时取消全部级别的父结点。
我们使用jQuery选择器获取这个表格，并在AJAX请求成功后，将服务器返回的数据插入到表格中。假设服务器返回的是JSON格式的数据，我们可以使用`$.each()`遍历数据，然后用`$('<tr>...</tr>')`创建新的行元素，再将...