<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="button" value="读取" id="btn1"/>
</body>
<script>
var btn1 = document.getElementById("btn1");
btn1.onclick = function () {
//1 创建Ajax对象
//在ie6下没有XMLHttpRequest这个属性，因此XMLHttpRequest属于未定义，需要用window.XMLHttpRequest
if (window.XMLHttpRequest) {
var oAjax = new XMLHttpRequest();
} else {
//IE6
var oAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
//2 连接服务器
//open(方法，文件名，异步传输)
oAjax.open('GET', 'a.txt', true);
//3 发送请求
oAjax.send();
//4 从服务器接收返回
oAjax.onreadystatechange = function () {
/*readyState属性：请求状态（表示浏览器和服务器，进行到哪一步了）
*0 （未初始化）还没有调用open()方法
*1 （载入）已调用send()方法，正在发送请求
*2 （载入完成）send()方法完成，已收到全部响应内容
*3 （解析）正在解析响应内容
*4 （完成）响应内容解析完成，可以在客户端调用了
* */
if (oAjax.readyState == 4) {//读取完成（不知道是否成功）
if (oAjax.status == 200) {//成功
alert("读取成功,内容为:"+oAjax.responseText);
}else{
alert("读取失败"+oAjax.status);
}
}
}
}
</script>
</html>Ajax实现读取
猜你喜欢
转载自blog.csdn.net/qq_40969108/article/details/87985116
今日推荐
周排行