1.ajax写在js脚本中
2.想一个给别人打电话的场景 拿手机(创建ajax对象) 拨号 按键(发送请求) 监听
3.XMLhttpRequest对象是整个Ajax开发的基础,它提供了客户端和服务器端进行异步通信的能力。 一方面它向服务器提交一个请求,获取指定页面的内容;另一方面将指定的数据提交到服务器. 存在兼容性问题. XMLHttpRequest对象并不是一个标准。在不同的浏览器中有不同的实现。
4.XMLhttpRequest对象提供了onreadystatechange事件来捕获请求的状态;
5.readyState的值表示当前请求的状态,在事件处理程序中可以根据这个值来进行不同的处理。
6.判断请求的结果
status存储服务器端返回的HTTP请求响应代码,它表示请求的处理结果;
7.获取返回的结果
使用responseText属性可以获取请求页面的纯文本内容。
8.编写实现代码
if(window.XMLHttpRequest){
var ajaxObj = new XMLHttpRequest(); //普通浏览器
}else{
var ajaxObj = new ActiveXObject("Microsoft.XMLHTTP"); //IE浏览器
}
ajaxObj.open("GET","test.txt",true); // 参数: 请求方式 访问路径 是否异步 默认的是true
ajaxObj.send();
ajaxObj.onreadystatechange = function(){
if(ajaxObj.readyState == 4){
if(ajaxObj.status >= 200 && ajaxObj.status <300 || ajaxObj.status == 404){
alert(ajaxObj.responseText);
}
}
}
9.test.txt 内容: rose
jack
hello
10.页面实现的效果