本范例是一个标准的Ajax的应用，程序可以在不刷新的情况下调用服务器端的文件显示其内容。
查看演示页面 View Demo 查看全部代码 View Code
1、保存一下代码到ajaxloader.js文件
function ajaxLoader(url,id) {
if (document.getElementById) {
var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
}
if (x) {
x.onreadystatechange = function() {
if (x.readyState == 4 && x.status == 200) {
el = document.getElementById(id);
el.innerHTML = x.responseText;
}
}
x.open("GET", url, true);
x.send(null);
}
}
在网页<head>区添加以下代码
<script language="javascript" src="ajaxloader.js">
/*****************************************************
* Share JavaScript (http://www.ShareJS.com)
* 使用此脚本程序，请保留此声明
* 获取此脚本以及更多的JavaScript程序，请访问 http://www.ShareJS.com
******************************************************/
</script>
<style>
#contentLYR {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 200px;
top: 200px;
}
</style>
在网页<body>区添加以下代码
<div id="contentLYR"> </div>
修改网页<body>标签，添加OnLoad事件
<body onload="ajaxLoader('demo.xml','contentLYR')">
代码会调用domo.xml文件的内容显示。
此代码必须在http模式下运行
