经常使用来管理访问接口。可以封装一个JS访问类:

 

var test={a:function(i){console.log("1");},b:function(){console.log("2");}}

 

let serverOrigin=location.origin;
let serverUrl=serverOrigin+'/v1';
//let serverUrl='http://127.0.0.1:9102/v1'
let code_success=200;
var sensorServer= {
    //向服务器法送数据
    postServerData: function (postUrl, postData) {
        $.ajaxSettings.async = false;
        var url = postUrl;
        var serverResultData;
        var jsonData = JSON.stringify(postData)
        $.ajax({
            //请求类型,这里为POST
            // xhrFields:{
            //     withCredentials:true
            // },
            type: 'POST', //你要请求的api的URL
            url: url, //是否使用缓存
            cache: false, //数据类型,这里我用的是json
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            //必要的时候需要用JSON.stringify() 将JSON对象转换成字符串
            data: jsonData, //data: {key:value},
            //添加额外的请求头
            headers: {'Access-Control-Allow-Origin': '*', "token": window.localStorage.getItem("token")}, //请求成功的回调函数
            success: function (data) {
                //函数参数 "data" 为请求成功服务端返回的数据
                if (data.code==500&&data.msg==401){
                    //console.log("重新登录!");
                    layer.msg("请重新登陆!",{icon:1,time:1000});
                    window.open("./login.html");
                }
                serverResultData = data.data;
            }
        });
        $.ajaxSettings.async = true;
        return serverResultData;
    },
    postServerDataSync: function (postUrl, postData) {
        //   $.ajaxSettings.async = false;
        var url = postUrl;
        var serverResultData = false;
        var jsonData = JSON.stringify(postData)
        $.ajax({
            //请求类型,这里为POST
            type: 'POST', //你要请求的api的URL
            url: url, //是否使用缓存
            cache: false, //数据类型,这里我用的是json
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            //必要的时候需要用JSON.stringify() 将JSON对象转换成字符串
            data: jsonData, //data: {key:value},
            //添加额外的请求头
            headers: {'Access-Control-Allow-Origin': '*', "token": window.localStorage.getItem("token")}, //请求成功的回调函数
            success: function (data) {
                serverResultData = data.data;
                return data.data;
            }
        });
        // $.ajaxSettings.async = true;
        return serverResultData;
    },
    //获取传感器数据 list
    getSensorList: function (postData) {
        var url = serverUrl + "/sensor/list";
        $.ajaxSettings.async = false;
        return sensorServer.postServerData(url, postData);
    },
    //修改传感器数据
    updateSensorInfo1: function (postData) {
        $.ajaxSettings.async = false;
        var url = serverUrl + "/sensor/update";
        return sensorServer.postServerData(url, postData);
    },
}

调用时:

            var resultData;
            var params={"page":page,"rows":limit}
            resultData = sensorServer.getAccountList(params);

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐