首页 > 代码库 > 初识Ajax
初识Ajax
对浏览器的要求:
var request;
if (window.HttpRequest){
request = new XMLHttpRequest(); //IE7+ , Firefox , Chrome , Opera , Safari.....
} else {
request = new ActiveXObject("Microsoft.XMLHTTP"); // IE6 , IE5
}
异步处理 :
发送请求操作:
1. 创建XMLHttpRequest 对象
2. 使用open方法中参数 open(method,url,async)
method:发送数据类型 :get 或 post
URL:发送地址
async:是否使用异步 一般设置为 true
3.使用send(String) 将数据发送至服务器
注: 使用get方法不用给参数
eg:发送请求:
request.open("GET","url",true);
request.send();
request.open("POST","url",true);
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send("发送的数据");
获取响应:
requestText: 获取字符串形式的响应数据。
responseXML: 获取XML形式的响应数据。
status 和 statusText: 以数字和文本形式返回HTTP状态码。
getAllResponseHeader():获取所有的响应报头。
getResponseHeader() : 查询响应中的某个字段的值; 注:这个要加参数
监听 readyState属性的变化:
0代表:请求未初始化 , open还没调用
1代表: 服务器连接已建立 , open已经调用了
2:请求已接收,也就是接收到头信息了
3:请求处理中,也就是接收到响应主体了
4:请求已完成,且响应已就绪,也就是响应完成了
eg:
request.onreadystatechange = function(){
if(request.readyState == 4 && request.status == 200){ // 返回的状态码
//做一些事情
request.responseText
}
}
初识Ajax