前端原生js请求后台接口

封装请求

function httpRequest(obj, successfun, errFun) {
    var xmlHttp = null;
    //创建 XMLHttpRequest 对象，老版本的 Internet Explorer （IE5 和 IE6）
    //使用 ActiveX 对象：xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
    if (window.XMLHttpRequest) {
        //code for all new browsers
        xmlHttp = new XMLHttpRequest;
    } else if (window.ActiveXObject) {
        //code for IE5 and IE6
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //判断是否支持请求
    if (xmlHttp == null) {
        alert("浏览器不支持xmlHttp");
        return;
    }
    //请求方式， 转换为大写
    var httpMethod = (obj.method || "Get").toUpperCase();
    //数据类型
    var httpDataType = obj.dataType || 'json';
    //url
    var httpUrl = obj.url || '';
    //异步请求
    var async = true;
    //post请求时参数处理
    if (httpMethod == "POST") {
        requestData = JSON.stringify(obj.data)
        console.log(requestData);
    }
    //onreadystatechange 是一个事件句柄。它的值 (state_Change) 是一个函数的名称，
    //当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。
    //状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时，我们才执行代码
    xmlHttp.onreadystatechange = function () {
        //complete
        if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
                //请求成功执行的回调函数
                successfun(xmlHttp.responseText);
            } else {
                //请求失败的回调函数
                errFun;
            }
        }
    }
    //请求接口
    if (httpMethod == 'GET') {
        xmlHttp.open("GET", httpUrl, async);
        xmlHttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
        xmlHttp.send(null);
    } else if (httpMethod == "POST") {
        xmlHttp.open("POST", httpUrl, async);
        xmlHttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
        xmlHttp.send(requestData);
    }
}

执行请求

httpRequest({
        method: "post",
        url: "https://jstest.91betterwei.com/burypoint-api/save", //请求的url地址
        data: {
            applicationId: "1",
            type: "1", // type  1 直接点击  2 通过分享点击
        },
        dataType: "json"
    }, function (res) {
        console.log(res)
    }, function () {
        console.log("请求失败");
    });