不使用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>
原标题:ajax之XMLHttpRequest实现方式讲解
关键词:ajax