这是一个很小的HTML页面,只有一个按钮。点击这个按钮会初始化一个发送到服务器的异步请求。服务器将返回一个简单的静态文本文件作为响应(这里使用尼克技术博客的首页)。在处理这个响应时,会在一个警告窗口中显示该静态文本文件的内容。代码如下:
<html>
<head>
<title>first ajax</title>
<script language="javascript">
var xmlHttp;
function createXMLHttpRequest()//创建XMLHttpRequest对象
{
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){//单击按钮时的触发事件
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET","http://www.ineeke.com/index.html",true);
xmlHttp.send(null);
}
function handleStateChange(){//警告窗口显示换回信息
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
alert(xmlHttp.responseText);
}
}
}
</script>
</head>
<body>
<input type="button" value="start my first ajax" onclick="startRequest()" />
</body>
</html>
当单击上面的按钮时将返回尼克技术博客首页的源代码。