<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("catalog.xml");>Get CD info</button>
</div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<!-- Edited with XML Spy v2007 (http://www.altova.com) -->
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
</cd>
<cd>
<title>Hide your heart</title>
<artist>Bonnie Tyler</artist>
</cd>
<cd>
<title>Greatest Hits</title>
<artist>Dolly Parton</artist>
</cd>
<cd>
<title>Still got the blues</title>
<artist>Gary Moore</artist>
</cd>
<cd>
<title>Eros</title>
<artist>Eros Ramazzotti</artist>
</cd>
<cd>
<title>One night only</title>
<artist>Bee Gees</artist>
</cd>
<cd>
<title>Sylvias Mother</title>
<artist>Dr.Hook</artist>
</cd>
<cd>
<title>Maggie May</title>
<artist>Rod Stewart</artist>
</cd>
<cd>
<title>Romanza</title>
<artist>Andrea Bocelli</artist>
</cd>
<cd>
<title>When a man loves a woman</title>
<artist>Percy Sledge</artist>
</cd>
<cd>
<title>Black angel</title>
<artist>Savage Rose</artist>
</cd>
<cd>
<title>1999 Grammy Nominees</title>
<artist>Many</artist>
</cd>
<cd>
<title>For the good times</title>
<artist>Kenny Rogers</artist>
</cd>
<cd>
<title>Big Willie style</title>
<artist>Will Smith</artist>
</cd>
<cd>
<title>Tupelo Honey</title>
<artist>Van Morrison</artist>
</cd>
<cd>
<title>Soulsville</title>
<artist>Jorn Hoel</artist>
</cd>
<cd>
<title>The very best of</title>
<artist>Cat Stevens</artist>
</cd>
<cd>
<title>Stop</title>
<artist>Sam Brown</artist>
</cd>
<cd>
<title>Bridge of Spies</title>
<artist>T`Pau</artist>
</cd>
<cd>
<title>Private Dancer</title>
<artist>Tina Turner</artist>
</cd>
<cd>
<title>Midt om natten</title>
<artist>Kim Larsen</artist>
</cd>
<cd>
<title>Pavarotti Gala Concert</title>
<artist>Luciano Pavarotti</artist>
</cd>
<cd>
<title>The dock of the bay</title>
<artist>Otis Redding</artist>
</cd>
<cd>
<title>Picture book</title>
<artist>Simply Red</artist>
</cd>
<cd>
<title>Red</title>
<artist>The Communards</artist>
</cd>
<cd>
<title>Unchain my heart</title>
<artist>Joe Cocker</artist>
</cd>
</catalog>
分享到：
相关推荐
**Ajax（Asynchronous JavaScript and XML）小程序详解** Ajax，全称异步JavaScript和XML，是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新...
**AJAX小程序详解** 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术扮演着至关重要的角色，尤其在创建交互性强、用户体验优秀的应用程序时。"AJAX小程序"是利用这种技术构建的小型Web应用，它允许...
【标题】"一个类似GOOGLE搜索输入框的AJAX小程序"是基于AJAX技术实现的交互式搜索功能，旨在提供用户在输入查询时无需刷新页面即可获取搜索结果的体验，类似于谷歌搜索引擎的实时搜索建议。这个小程序的核心在于利用...
**示例中的12个AJAX小程序** 这个压缩包中包含12个运行于PHP环境的AJAX小程序，它们可能是各种常见的交互功能的实现，例如： 1. 表单验证：使用AJAX发送表单数据到PHP，PHP验证后返回错误或成功信息。 2. 搜索建议...
总之，这个基于Ajax的小程序是一个集成了前端与后端交互的实战项目，对于掌握Web开发中的异步通信技术具有重要的学习价值。通过实际操作和调试，开发者可以深入理解Ajax技术在实际应用中的强大功能和灵活性。
总结来说，这个"struts2+ajax小程序"是一个融合了Struts2 MVC框架、Ajax异步通信和Access数据库的飞机订票系统，旨在提供一个用户友好的界面，实现快速的航班查询和预订功能。通过合理配置Tomcat服务器，开发者可以...
**压缩包文件名称列表：** "Ajax_workplace"很可能是一个包含作者所有AJAX小程序工作文件的文件夹，可能包含HTML、CSS、JavaScript代码文件，以及可能的测试数据或者服务器端脚本。 **详细知识点：** 1. **AJAX...
包里有数据库文件，可以导入，包引入后用tomcat就能启动，servlet是通过JSP格式完成联动框，servlet02是通过json格式完成联动框，jdbc已经封装写好，用户名密码只需要改变数据库配置文件即可，Ajax也封装成js文件，...
在我们的AJAX小程序中，JavaScript通过AJAX调用获取数据，更新DOM（文档对象模型）以呈现动态内容。用户界面的交互性主要由JavaScript实现，例如按钮点击事件、表单提交等。 2. **业务逻辑层**：这部分代码负责处理...
**Ajax登录小程序与MySQL数据库的整合** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。在这个简单的Ajax登录小程序中，我们利用Ajax技术实现了一个用户...
在这个“小程序使用es6封装ajax源码案例”中，我们将深入探讨如何利用ES6的Promise和模块化特性来优雅地实现Ajax请求，并将其应用到微信小程序的开发中。 首先，让我们理解一下核心概念： 1. **ES6**：这是...
在开发小程序或者移动端应用时，数据交互通常依赖于Ajax技术，它使得前端可以与服务器进行异步通信。在本文中，我们将深入探讨如何在EMOS小程序1中定义全局路径和封装Ajax请求，以提高代码的可维护性和效率。 首先...
本例采用asp.net2.0+ajax技术实现，不用数据库，采取2.0新概念Dictionary、LinkedList集合实现数据的处理. 所有发送、接收、显示在线用户列表等皆采用ajax技术完成，实现无刷新聊天的功能 Ajax的核心是JavaScript...
### 四、Ajax小例子 1. **天气查询**：用户输入城市名，通过Ajax获取天气API数据，实时展示天气信息。 2. **动态加载评论**：当用户滚动到底部时，通过Ajax请求加载更多评论，实现无限滚动效果。 3. **实时聊天**：...
一个客户端的验证小程序ajax function Go() { //第一步 初始化 createXMLHttpRequest(); //第二步 取得表单中需要的数据 var newName =document.f3.uname.value; //第三步 建立要连接的URL并打开服务器的...
三层个人网站小程序(Ajax) Ajax三层个人网站小程序 <br>DAL——数据层 IDAL——数据接口层（控制是选择什么类型的数据库） Bll——逻辑层 Model——构造模型（对应数据库字段） <br>功能很...
在这个注册小程序中，Ajax的主要作用是在用户填写表单时发送请求到服务器，验证数据的正确性，并将反馈信息实时显示在页面上，提升用户体验。 **二、PHP（Hypertext Preprocessor）** PHP是一种广泛应用的开源...
Ajax，即Asynchronous JavaScript and XML，是一种用于创建交互式网页应用的技术，允许Web应用程序在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这种技术显著提升了用户体验，因为页面的响应速度更...
1、技术栈：微信小程序，springboot，uniapp，vue，ajax，maven，mysql，MyBatisPlus 2、系统的实现 用户信息 图片素材 视频素材 摘 要 I 目 录 III 第1章 绪论 1 1.1选题动因 1 1.2背景与意义 1 第2章 相关技术...