AJAX 原生实现(一)
最近重新回顾了一下关于ajax的相关内容,作了一些笔记,以加深印象。
AJAX 英文名称: Asynchronous JavaScript And XML ,即异步的 JavaScript 和 XML。
AJAX作用:异步发起http请消息,并接收服务器返回的响应消息,实现桌面无刷新更新局部数据。
获取XMLHttpRequest对象:
var xhr = null;
if(Window.XMLHttpRequest){
// 新IE 或其他浏览器
xhr = new XMLHttpRequest();
}else{
// 兼容 老IE
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
成员属性:
- readyState : 表示当前请求-响应进行到那个步骤了,取值范围0~4
0 请求消息尚未发送
1 xhr已经打开了到服务器的链接
2 xhr已经收到了响应的消息起始行的头部
3 xhr正在加载响应消息的主体
4 xhr 已经完成响应的消息
- responseText:初始值为""
- responseXML: 初始值为null
- status 初始值为0 保存响应状态码{服务器发送}
404 找不到
500 服务器出错
302 重定向
200 正确响应
304 Not Modify 没有修改{使用浏览器缓存}
成员事件:
onreadystatechange:每次readyState值发生改变时触发
成员方法
open(method,url,isAsyc); 打开服务器连接,method:请求的方式,URL:请求地址,isAsyc:是否异步,默认为false
send(); 发送请求消息
#GET send(null);
#POST send(k=v&k1=v1); //此数据为提交表单中的数据
setRequestHeader(name,value); //设置请求消息头部
getAllResponseHeaders(); //获取所有响应消息头部
getResponseHeader(name); //获取某个响应消息头部
以上所介绍的内容为ajax的理论知识,接下来肯定要实践一下,以便更加深刻理解。

浙公网安备 33010602011771号