Ajax封装

//封装

function obj2str(data) {
    /*
    ｛
    "username":"inj",
    "userpwd":"123",
    "t":"1234554212"
    ｝
     */
    data.t = new Date().getTime();
    var res = [];
    for (var key in data){
        //如果URL有中文会转换为指定格式---encodeURIComponent
        //data[key]就是value
        res.push(encodeURIComponent(key) + "=" + encodeURIComponent(data[key]));//[username=inj,userpwd=123];
    }
    return res.join("&");//username=inj&userpwd=123
//    join将数组转换为字符串
}

function  ajax(option) {
    // 0.将对象转换为字符串
    var str = obj2str(option.data);//key=value&key=value;
    // 1.创建异步对象
    var timer;
    var xmlhttp = new XMLHttpRequest();
    // 2.设置请求方式和地址

    //URL设置每次都不一样的，兼容IE
    //URL不能是中文
    //转成小写
    //请求方式的类型GET,POST
    if (option.type.toLowerCase() === "get"){
    xmlhttp.open(option.type, option.url+"?"+str, true);
    // 3.发送请求
    xmlhttp.send();
    }else{
        xmlhttp.open(option.type,option.url,true);
        //注意：放在open和send中间
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send(str);
    }

    // 4.监听状态的变化
    xmlhttp.onreadystatechange = function (ev2) {
        //4:请求已完成，且响应就绪
        if (xmlhttp.readyState === 4){
            clearInterval(timer);
            if (xmlhttp.status < 300 && xmlhttp.status >= 200 || xmlhttp.status ===304){
                // console.log("接收到");
                option.success(xmlhttp);
            }
            else {
                // console.log("没接收到");
                option.error(xmlhttp);
            }
        }
    }
//    判断外界是否传入了超时时间
    if (option.timeout){
        timer = setInterval(function () {
            //中断请求
            xmlhttp.abort();
            clearInterval(timer);
        },option.timeout);
    }
}