准备工作:
新建一个文件夹
文件夹里有两个文件
beload.txt文件
ajax.html文件
txt文件里添加任意文本即可
ajax.html文件内容
<body>
<button onclick="load()">加载</button>
<body>
<script>
function load(){
var xhr = new XMLHttpRequest();
//创建一个xhr
xhr.open("GET","./beload.txt",true);
//用get方法打开文件,true为异步
xhr.onreadystatechange=()=>{
//监听事件
if(xhr.readystate === 4){
//判断响应码
if(xhr.status === 200){
//判断状态码
alert(xhr.responseText);
var p = document.createElement("p")
p.innerHTML = xhr.responseText
document.body.append(p)
}
}
}
xhr.send();
//发送
}
</script>