繁體中文当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > AJAX教程(14)：通过XMLHTTP加载XML文件
- AJAX技术
- ajax poller
- 无框架 Ajax分页(原创)
- AJAX 图片展示框架56个 提升开发效率
- AJAX 客户端响应速度提高分析
- 揭开AJAX神秘的面纱(AJAX个人学习笔记)
- Ajax Control Toolkit 34个服务器端控件
- Ajax 核心框架函数及例子
- AJAX 进度条实现代码
- Unobtrusive的Web开发
- ASP实例:ASP+AJAX制作无刷新新闻评论系统
- Ajax和CSS设计的表格实例
- css和Ajax制作的表格
- AJAX结合CSS实现的网页Tab选项卡效果
- 实现一个基于Ajax的调查程序
- ASP.NET+AJAX解决网页打开等待问题
- XMLHttpRequest和AJAX虎视Web应用开发
- IBM Google等巨头联手支持Open Ajax计划
- php+ajax文件上传进度条
- AJAX技术 vs 传统的ASP无刷新技术
- 利用ICallbackEventHandle实现类似AJAX的无刷新页面
AJAX技术 中的 AJAX教程(14)：通过XMLHTTP加载XML文件
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-30 浏览: 52 ::
收藏到网摘: n/a
通过XMLHTTP加载XML文件：
<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for IE7, Firefox, Opera, etc.
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}
function state_Change()
{
if (xmlhttp.readyState==4)
{// 4 = "loaded"
if (xmlhttp.status==200)
{// 200 = "OK"
document.getElementById('A1').innerHTML=xmlhttp.status;
document.getElementById('A2').innerHTML=xmlhttp.statusText;
document.getElementById('A3').innerHTML=xmlhttp.responseText;
}
else
{
alert("Problem retrieving XML data:" + xmlhttp.statusText);
}
}
}
</script>
</head>
<body>
<h2>Using the HttpRequest Object</h2>
<p><b>Status:</b>
<span id="A1"></span>
</p>
<p><b>Status text:</b>
<span id="A2"></span>
</p>
<p><b>Response:</b>
<br /><span id="A3"></span>
</p>
<button onclick="loadXMLDoc('/example/xmle/note.xml')">Get XML</button>
</body>
</html>
评论 (0) All
