版权声明：未经同意窃取和转载我的内容，如果涉及到权益问题，后果自负！ https://blog.csdn.net/weixin_41605937/article/details/88973908
Ajax 的原理步骤：
1 创建一个Ajax 的对象
2 连接到服务器
3 告诉服务器 发送请求
4 接受返回值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
</style>
<script>
window.onload = function (ev) {
var oBtn = document.getElementById('btn1');
oBtn.onclick = function () {
//1 创建的Ajax的对象请求
if (window.XMLHttpRequest) {
var oAjax = new XMLHttpRequest();
} else {
var oAjax = new ActivateXObject("Microsoft.XMLHTTP");
}
//IE 6 使用的是 var OAjax=new ActivateXObject("Microsoft.XMLHTTP");
//2 连接服务器open(方法,文件名，异步传输)
oAjax.open('GET', 'a.txt?t='+new Date().getTime(), true)
//3 发送请求
oAjax.send();
//接受返回的
oAjax.onreadystatechange = function () {
//浏览器和服务器进行到了哪一个步骤。
if (oAjax.readyState == 4) {
//当等于是4 表示读取完成
if (oAjax.status == 200) {
//当表示在200的时候表示成功
alert('成功的'+oAjax.responseText)
} else {
alert('失败的')
}
}
};
};
};
</script>
</head>
<body>
<input id="btn1" type="button" value="读取"/>
</body>
</html>