<!--[if !supportLists]-->· <!--[endif]-->Previous Page
<!--[if !supportLists]-->· <!--[endif]-->Next Page
AJAX 可用来与 XML 文件进行交互式通信。
AJAX XML 实例
下面的例子将演示网页如何使用 AJAX 来读取来自 XML 文件的信息:
获得 CD 信息
实例解释 - loadXMLDoc() 函数
当用户点击上面的“获得 CD 信息”这个按钮,就会执行 loadXMLDoc() 函数。
loadXMLDoc() 函数创建 XMLHttpRequest 对象,添加当服务器响应就绪时执行的函数,并将请求发送到服务器。
当服务器响应就绪时,会构建一个 HTML 表格,从 XML 文件中提取节点(元素),最后使用已经填充了 XML 数据的 HTML 表格来更新 txtCDInfo 占位符:
function loadXMLDoc(url)
{
var xmlhttp;
var txt,xx,x,i;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
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('txtCDInfo').innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
AJAX 服务器页面
上面这个例子中使用的服务器页面实际上是一个 XML 文件,名为 "cd_catalog.xml"。
来自:http://www.w3school.com.cn
相关推荐
WEB开发 之 AJAX XML 实例.docx
ajax xml 的例子,ajax初学者可以看懂的例子,xml是怎样传递数据的。
xml和AJAX实例源码 <br>XML,Ajax,C# 编写.admin 是管理后台 func脚本文件 Ajax <br>Ajfunc 是处理Ajax的C#代码 <br>.NET2.0 环境. <br>可以实现友情链接分类管理、添加及修改
利用Ajax读取XML文件实例,实现简单的无刷新效果
第3章 数据库、XML实例 实例22 mysql类库完成MySQL数据库的添加、删除和修改 实例23 mysqli类库完成MySQL数据库的添加、删除和查询 实例24 获取服务器和系统信息 实例25 分页显示信息 实例26 使用PHP简单实现BBS程序...
Ajax经典实例大全,Ajax经典实例大全,Ajax经典实例大全,
第3章 数据库、XML实例 实例22 mysql类库完成MySQL数据库的添加、删除和修改 实例23 mysqli类库完成MySQL数据库的添加、删除和查询 实例24 获取服务器和系统信息 实例25 分页显示信息 实例26 使用PHP简单实现...
PHP+AJAX+XML 最简单入门实例 超详细 适合入门选手
ASP实例开发源码—Asp+Ajax+XML简单房产程序 v1.0(适合学习ajax+xml).zip
这是用ajax读取xml数据类型的例子,其中只能在chrome与firefox运行,在ie下不能正常运行。
ajax很好的实例,内附源码。
ajax 简单实例,读取asp动态数据.更好理解ajax技术的应用。一个最长用到的代码。
ajax开发实例,以及怎样在web.xml中利用过滤器设置字符,连接oracle数据库实例代码等,在eclipse下开发的,配置一下直接可以运行^_^
看到网上很多想用ajax的树的例子,很奇怪,明明...注:顺便下载了一个省市县的3级xml文件,作为ajax树联动展示的例子 这个例子还实现了选中父结点时,选中全部子结点; 取消一个子结点,同时取消全部级别的父结点。
AJAX实例入门-XML+Ajax教程OK
JSP+AJax网站实例 提供给JSP初学者 JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计...
Ajax 开发资源 Ajax开发实例,增加对代码的了解。使用XML,HTMLAjax开发实例,增加对代码的了解。
AJAX即“Asynchronous JavaScript and XML”,意思是异步JavaScript和XML,是指一种创建交互式网页的网页开发技术。
Ajax基础 使用Ajax发送异步请求 在请求和响应中使用XML 使用JSON进行数据传输