用原生JS写PHP里的Ajax

// 封装的 ajax网络请求函数
// obj 是一个对象
function AJAX(obj){
    // 1、创建 ajax 对象
    var ajaxObj = null;
    if (window.XMLHttpRequest) {
        ajaxObj = new XMLHttpRequest();
    }else{
        ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");;
    }

    // 设置请求的类型
    obj.type = obj.type.toUpperCase() || "GET";

    // 如果是get请求，并且需要传递参数，则需要给 url后面拼接参数
    if (obj.type == "GET") {
        var arr = []; // 定义数组，用于把对象存储到数据里面
        for(var key in obj.data){
            arr.push(key+"="+obj.data[key]);
        }
        // 用&分隔数组，让其转化为类似：name=gxm&age=18的形式
        var str = arr.join("&");
        obj.url = obj.url +"?"+str;
            // 拨号
        ajaxObj.open(obj.type,obj.url,true);
        //2.1设置头文件
        ajaxObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")


        // 发送"name=123&dad=131"
        ajaxObj.send();    
    }else{
        var arr = []; // 定义数组，用于把对象存储到数据里面
        for(var key in obj.data){
            arr.push(key+"="+obj.data[key]);
        }
        // 用&分隔数组，让其转化为类似：name=gxm&age=18的形式
        var str = arr.join("&");
        ajaxObj.open(obj.type,obj.url,true);
        ajaxObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        ajaxObj.send(str);
    }


    // 监听
    // 
    ajaxObj.onreadystatechange = function(){
        if (ajaxObj.readyState == 4) {
            if (ajaxObj.status >= 200 && ajaxObj.status < 300|| ajaxObj.status == 304) {
                    // 请求成功
                    console.log(ajaxObj.responseText)
                    // obj.success(ajaxObj.responseText);
            }else{
                // 请求失败
                    obj.error(ajaxObj.status);
            }


        }
    }





}