ajax笔记

XMLHttpRequest对象

1.onreadystatechange

**2.**readyState 属性
0:请求未初始化
1:请求已提出，在请求发出去之前
2:请求已发送，可以得到头部信息
3:服务器正在处理中，还没响应完成
4:服务器已经请求完成

3.responseText
返回的请求结果

open()
GET/POST
URL一步处理标志

send()
请求服务器

request.open('GET','test.txt',true);
request.onreadystatechange = function(){
    if(request.readyState == 4){
        //从服务器获取数据的代码
        alert(request.responseText);
    }
}
request.send(null);

———————————————————————————————————————

ajax运行环境

XMLHttpRequest对象，
ActiveXObject

**1.**ajax的核心

**2.**ajax的运行环境

xampp（LAMP）
1.环境搭建
xampp网站
http://www.apachefriends.org/zh_cn/xampp.html
2.准备测试环境

eval把json解析成对象

eval(“(“+json+”)”);

function ajax(info){
    var type = info.type||"get";
    var async = info.async||true;
    var data = info.data||"";
    if(new XMLHttpRequest){
        var xhr = new XMLHttpRequest();
    }else{
        var xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if(type=="get"){
        xhr.open(type,info.url+"?"+info.data+"&t="+new Date().getTime,async);
        //xhr.open(type,'data.xml',async);
        xhr.send();
    }else{
        xhr.open(type,info.url,async);
        xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
        xhr.send(info.data);
    }
    xhr.onload = function(){
        if(info.success){
            info.success(xhr.responseText);
        }
    }
}