用Ajax读取xml文件的简单例子
所属分类：
网络编程 / AJAX相关
阅读数：
645
收藏 0赞 0分享
到此就可以就发送请求读取服务器端的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>
AJAX 客户端响应速度提高分析
AJAX的出现极大的改变了Web应用客户端的操作模式，它使的用户可以在全心工作时不必频繁的忍受那令人厌恶的页面刷新。
收藏 0赞 0分享
揭开AJAX神秘的面纱(AJAX个人学习笔记)第1/5页
写这个学习笔记，只是记载一下自己的学习经过和体会，把一些学习重点记录下来，以备今后的巩固复习及应用，很多知识点没有详细介绍，所以并不完全适用于初学者，如果你是初学者，最好选择一本AJAX学习的书籍，然后与这篇学习笔记对照学习，效果会更好。
收藏 0赞 0分享
Ajax 核心框架函数及例子
最近学习js，肯定会学到ajax中的东西，所以，看到比较好的ajax函数，免不得要贴出来，供大家参考。这个函数摘录自john resig的书中。
收藏 0赞 0分享
一款经典的ajax登录页面 后台asp.net
众所周知，用服务器控件做页面的登录窗体时很简单的，但是页面的多次回传让我们感觉到头痛，一直刷新页面的感觉非常之不好，其实用ajax的局部刷新功能可以完全解决这个问题，制作出来的页面有很好的交互性，而且是局部刷新，节省网络资源。
收藏 0赞 0分享
5款Ajax 文件上传控件
如果你的网站含有文件上传功能，那可以使用本文介绍的5款Ajax文件上传控件，提升用户体验。要知道，上传文件总是个痛苦的过程，要消除不太现实，但至少如果你为减少用户的痛苦努力了，那用户也会喜欢你的网站的。
收藏 0赞 0分享
