使用 XMLHttpRequest 实现 Ajax

window.οnlοad=funciton(){
// 1. 获取a节点，并为其添加onclick响应函数
document.getElementsByTagName("a")[0].οnclick=function(){

// 3. 创建一个XMLHttpRequest 对象
var request = new XMLHttpRequest();
// 4.准备发送请求的数据: url
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
if(request.readyState=4){
// 9. 在判断响应是否可用, XMLHttpRequest 对象 status 属性值为200
if(request.status==200||request.status==304){
// 10 打印响应结果: responseText
alert(request.responseText);
}
}
}
 
// 2. 取消a节点的默认行为
   return false;
}

}

说明: 

JSP实体部分为一个a超链接标记及同目录下的一个文本文件

1. HTML格式文本 需要使用 innerHTML的属性  

  文本为: request.responseText获取文本信息

2. XML格式文本 需要使用

  文本为 : request.responseXML获取文本信息

  根据获取的文本信息解析XML，获取相应节点的信息

3. JSON格式文本 

  文本为: request.responseText 获取文本信息

 JSON存储的数据包含：字符串，布尔值，数字，对象(可能是函数)

  把JSON字符串转成JSON对象: var jsonObjec = eval("("+jsonStr+")");

  eval(str): 把字符串转成本地JS代码执行