用Ajax读取xml文件的简单例子
2008-04-28 19:11
645 查看
到此就可以就发送请求读取服务器端的XML数据了,最后要做的就是处理数据了。 关于XMLHttpRequest对象,请参考About XMLHttpRequest Object一文。
看例子:
//AjaxDemo.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Asynchronous JavaScript And XML</title>
</head>
<body>
<script type="text/javascript">
var xmlHttp=null;
function readyStateChangeHandle()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var xmlDOM=xmlHttp.responseXML;
var xmlRoot=xmlDOM.documentElement;
try
{
var xmlItem=xmlRoot.getElementsByTagName("item");
alert(xmlItem[0].firstChild.data);
}
catch(e)
{
alert(e.message);
}
}
}
}
function ajaxRequest()
{
if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.onreadystatechange=readyStateChangeHandle;
xmlHttp.open("GET","data.xml",true);
xmlHttp.send(null);
}
</script>
<input type="button" onclick="ajaxRequest()" value="Take me to the world of AJAX" />
</body>
</html>
//data.xml
<?xml version="1.0" encoding="GB2312" ?>
<root>
<item>Welcome to the world of AJAX(Asynchronous JavaScript And XML)!</item>
</root>
看例子:
//AjaxDemo.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Asynchronous JavaScript And XML</title>
</head>
<body>
<script type="text/javascript">
var xmlHttp=null;
function readyStateChangeHandle()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var xmlDOM=xmlHttp.responseXML;
var xmlRoot=xmlDOM.documentElement;
try
{
var xmlItem=xmlRoot.getElementsByTagName("item");
alert(xmlItem[0].firstChild.data);
}
catch(e)
{
alert(e.message);
}
}
}
}
function ajaxRequest()
{
if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.onreadystatechange=readyStateChangeHandle;
xmlHttp.open("GET","data.xml",true);
xmlHttp.send(null);
}
</script>
<input type="button" onclick="ajaxRequest()" value="Take me to the world of AJAX" />
</body>
</html>
//data.xml
<?xml version="1.0" encoding="GB2312" ?>
<root>
<item>Welcome to the world of AJAX(Asynchronous JavaScript And XML)!</item>
</root>
您可能感兴趣的文章:
- JQuery的ajax获取数据后的处理总结(html,xml,json)
- AJAX使用post发送数据xml格式接受数据
- Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 通过XMLHttpRequest和jQuery实现ajax的几种方式
- JS通过ajax动态读取xml文件内容的方法
- AJAX 常用函数创建XMLHTTP对象,区别IE,Mozilla浏览器
- javascript解析ajax返回的xml和json格式数据实例详解
- firefox下jquery ajax返回object XMLDocument处理方法
- 用Ajax读取XML格式的数据
- AJAX+JSP实现读取XML内容并按排列显示输出的方法示例
相关文章推荐
- 用Ajax读取xml文件的简单例子
- 用Ajax读取xml文件的简单例子
- 用Ajax读取xml文件的简单例子
- dom4j读取xml文件 简单例子
- 用Ajax读取RSS种子的简单例子
- Java解析、读取XML文件并存入TXT文件的简单例子
- 用Ajax读取RSS种子的简单例子
- Ajax的一个简单例子--从一个文件文件中读取数据显示到页面中
- php添加数据到xml文件的简单例子
- JAVA用POI读取EXCEL的例子 超简单
- 初学ajax登录验证简单例子
- java使用dom4j读取xml的简单例子
- 使用HTTPService读取远程XML文件为TREE赋值的例子
- 一个简单但详细的解释Windows文件映射读取数据文件的例子
- jdom创建一个xml文件 简单例子
- 一个最简单的基于PHP+jQuery的AJAX例子
- ajaxToolkit ComboBox 简单例子
- 用TinyXml2读取XML文件的一个简单Demo
- AJAX 简单类及例子