你的位置:首页 > Java教程

[Java教程]ajax之XMLHttpRequest实现方式讲解


不使用jQuery实现页面不刷新获取内容的方式,我们这里采用;js代码如下:

//1.获取a节点,并为其添加Oncilck响应函数
document.getElementsByTagName("a")[0].onclick = function(){
//3、创建一个  var request = new //4、准备发送请求的数据url  var url = this.href;  var method = "GET";    //5、调用  request.open(method,url);  //6、调用  request.send(null);  //7、为  request.onreadystatechange = function(){        //8、判断响应是否完成:    if(request.readyState == 4){
//9、在判断响应是否可用: if(request.status == 200){
//10、响应结果 alert(request.responseText); } } } //2、取消a节点的额默认行为 return false; }

插入HTML代码:

<a href = "hello.txt">点击获取文本内容</a>