<script type="text/javascript">
//用异步的程序操作xml
// 数据交互
window.onload = function(){
var oBtn = document.getElementById('btn1');
oBtn.onclick = function(){
//打开浏览器
var xhr = new XMLHttpRequest();
// 在地址栏输入地址
xhr.open('get','1.txt',true);//是否异步
// 提交
xhr.send();
// 等待服务器返回内容
/*
readyState：ajax工作状态
0，初始化
1，载入，正在发送请求
2，载入完成，已收到全部响应内容
3，解析，正在解析响应内容
4，完成，解析完成
on ready statechange:当状态值改变触发
responseText：ajax请求返回的内容就被存放在这个属性下面
responseText：返回以文本形式存放
responseXML：以XML形式返回
*/
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
alert(xhr.responseText);
}
}
}
}
// 1、创建ajax对象
// 2、
</script>
<body>
<input type="button" value="按钮" id="btn1" />
</body><script type="text/javascript">
//用异步的程序操作xml
阅读背景：
ajax原理，数据获取
来源：互联网
分享到：
