1.创建一个简单的web工程
2.在index里面编写如下代码
<body>
<a href="helloajax.txt">helloajax!</a>
</body>
3.在WebRoot下创建helloajax.txt文件,并输入Helloajax!
4.继续编写index.jsp下的代码
<script type="text/javascript">
//当打开网页的时候执行此函数
window.onload = function() {
//1.通过标签a来获取元素,并且是第一个a
document.getElementsByTagName("a")[0].onclick = function() {
//3.创建一个XMLHttpRequest对象
var request = new XMLHttpRequest();
//4.准备发送请求的数据
var url = this.href;
var method = "GET";
//5.调用XMLHttpRequest对象的open方法
request.open(method, url);
//6.调用XMLHttpRequest对象的send方法
request.send(null);
//7.为XMLHttpRequest对象添加 onreadystatechange 响应函数
request.onreadystatechange = function() {
//8.判断响应是否完成:XMLHttpRequest 对象的 readyState 属性值为4的时候
if(request.readyState == 4) {
//9.再判断响应是否可用:XMLHttpRequest 对象 status 属性值为200 或304
if(request.status == 200 || request.status == 304) {
//10.打印响应结果responseText
alert(request.responseText);
}
}
}
//2.取消a节点的默认行为
return false;
}
}
</script>
5.展示结果
一个简单ajax的HelloWorld实例就完成了