繁體中文当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > 用Ajax读取XML格式的数据
- AJAX技术
- Ajax内部交流文档
- 建立XMLHttpRequest对象
- AJAX初体验之实战篇：打造博客无刷新搜索
- 掌握AJAX
- AJAX聊天室V1.0发布
- Ajax实现评论提交
- PPJOKE 0.1 (网页嵌入聊天)提供下载
- Ajax标签导航效果(仿网易首页)
- ajax实现标签导航
- 琥珀无限级分类联动菜单AJAX版
- 结合AJAX进行PHP开发之入门
- AJAX开发简略 (第二部分)
- 国内首发 -- ajax完整功能框架
- AJAX初级聊天室代码
- Ajax.基础教程 电子书版 提供下载
- AjaxUI：鼠标拖拽
- 一个AJAX自动完成功能的js封装源码[支持中文]
- Ajax读取XML实现动态下拉导航
- 强烈推荐-ajax开发者必看的文章
- asp+Ajax简单客户登陆验证
AJAX技术 中的 用Ajax读取XML格式的数据
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-13 浏览: 65 ::
收藏到网摘: n/a
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Ajax Hello World</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "data.xml", true);
xmlHttp.send(null);
}catch(exception){
alert("您要访问的资源不存在!");
}
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
// 取得XML的DOM对象
var xmlDOM = xmlHttp.responseXML;
// 取得XML文档的根
var root = xmlDOM.documentElement;
try
{
// 取得<info>结果
var info = root.getElementsByTagName('info');
// 显示返回结果
alert("responseXML's value: " + info[0].firstChild.data);
}catch(exception)
{
}
}
}
}
</script>
</head>
<body>
<div>
<input type="button" value="return ajax responseXML's value"
onclick="startRequest();" />
</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Ajax Hello World</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "data.xml", true);
xmlHttp.send(null);
}catch(exception){
alert("您要访问的资源不存在!");
}
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
// 取得XML的DOM对象
var xmlDOM = xmlHttp.responseXML;
// 取得XML文档的根
var root = xmlDOM.documentElement;
try
{
// 取得<info>结果
var info = root.getElementsByTagName('info');
// 显示返回结果
alert("responseXML's value: " + info[0].firstChild.data);
}catch(exception)
{
}
}
}
}
</script>
</head>
<body>
<div>
<input type="button" value="return ajax responseXML's value"
onclick="startRequest();" />
</div>
</body>
</html>
server.xml
复制代码 代码如下:
<?xml version="1.0" encoding="GB2312" ?>
<root>
<info>hello world!</info>
</root>
评论 (0) All
