手记

前端ajax接口配置封装

作为前端人员,前后端交互的时候页面接口繁多,还不时的更改后端的IP、端口,为了节省工作量,便于日后更改,可以将所有的接口整合在一个文件里,统一修改,提高工作效率!

var hostName = "http://192.168.112.8/portalInterface";//接口公共的ip或者域名
//path里定义了所有的接口
var path = {
    /*数据采集部分*/
    "collectionList": hostName + "/dataunit/list",//获取采集列表
    "dataAccess": hostName + '/client/list',//查询客户端接口
    "collectcode": hostName + '/code',//获取验证码
    "collectlogin": hostName + '/user/login',//登陆
    "collectupdate": hostName + '/user/update',//修改密码
    "collectlogout": hostName + '/user/logout',//注销接口
    "collectuploadSubmit": hostName + '/upload/uploadSubmit',//文件上传
    "collectuplistDataUnit": hostName + '/dataunit/listDataUnit',//数据单元列表接口
    "collectupdataUnitInfo": hostName + '/dataunit/dataUnitInfo',//数据单元详情接口
    "users": hostName + '/users/',
    "template": hostName + '/dataunit/template',//下载模板
    "checkname": hostName + '/dataunit/checkname',//新建名字查重接口
    "dataUnitSubmit": hostName + '/dataunit/dataUnitSubmit',//保存单元接口
    "dataKvQuery": hostName + '/redis/query',//KV查询接口
    "dataKvDelete1": hostName + '/redis/delete',//KV删除接口
    "dataKvAdded": hostName + '/redis/add',//KV新增接口
    /*清洗加工/应用信息/渗透测试*/
    "querycleanlists": hostName + '/api/processing/querycleanlists',//清洗列表
    "add": hostName + '/api/processing/add',//清洗新建
    "giveup": hostName + '/api/processing/giveup',//清洗放弃
    "querydetail": hostName + '/api/processing/querydetail',//清洗详情
    "querylists": hostName + '/api/apply/querylists',//应用列表
    "addPly": hostName + '/api/apply/add',//应用添加新应用
    "upload": hostName + '/api/apply/upload',//应用上传
    "cancel":hostName+"/upload/cancel",
    "delete": hostName + '/api/apply/delete',//应用单个删除
    "bathdelete": hostName + '/api/apply/bathdelete',//应用批量删除
    "securityapply": hostName + '/api/apply/securityapply',//渗透安全申请
    "modiy": hostName + '/api/apply/modiy',//应用修改
    "query": hostName + '/api/apply/query',//渗透单条记录查询
    "testreport": hostName + '/api/apply/testreport',//渗透测试报告
    "download": hostName + '/api/processing/download',//渗透下载
    "validate": hostName + '/api/apply/validate/name',//修改名称
    "applist": hostName + '/api/apply/applist',//应用不登录
    "structure_dataList": hostName + "/structure/dataList",//结构化存储列表查询接口
    "structure_delData": hostName + "/structure/delData",//结构化数据删除接口
    "structure_structureInfo": hostName + "/structure/structureInfo",//结构化数据基础信息查询接口
    "structure_itemList": hostName + "/structure/itemList",//查看数据接口
    "structure_newData": hostName + "/structure/newData",//新建结构化数据
    "structure_sqlSearch": hostName + "/structure/sqlSearch",//自定义查询接口
    "apply_addApply": hostName + "/api/apply/addApply",//申请资源接口
    "apply_editApply": hostName + "/api/apply/editApply",//修改资源接口
    "apply_applyDetail": hostName + "/api/apply/applyDetail",//获取应用资源详情接口
    "apply_applyList": hostName + "/api/apply/applyList",//获取资源列表
    "apply_cancelApply": hostName + "/api/apply/cancelApply",//撤回资源申请接口
    "apiquerylists": hostName + "/api/apply/querylists",
    "uploadSubmit": hostName + "/upload/uploadSubmit",
    "dataUnitInfo": hostName + "/dataunit/dataUnitInfo",
    //算子算法
    'arithmeticDetailList':hostName + '/algorithm/algorithmDetailList',
    'algorithmDownload':hostName + '/algorithm/algorithmDownload',
    //爬虫数据
    'dirList': crawlerUrl + '/crawl/dirList',
    'dirDetail': crawlerUrl + '/crawl/dirDetail',
    //图数据
    'getLabelAndType': hostName + '/graphService/getLabelAndType',//获取节
};
var get = function (url, data, success, error) {
    var option = {
        method: 'get',
        url: url,
        async: 'false',
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
        data: data,
        success: success,
        error: error
    };
    $.ajax(option);
};
var post = function (url, data, success, error) {
    var option = {
        method: 'post',
        url: url,
        async: 'false',
        data: data,
        dataType: 'json',
        success: success,
        error: error
    };
    $.ajax(option);
};
var jsonp = function (url, data, success, error) {
    var option = {
        method: 'post',
        url: url,
        async: 'false',
        data: data,
        dataType: "jsonp",
        success: success,
        error: error,
    };
    $.ajax(option);
};
var jsonp1 = function (url, data, success, error) {
    var option = {
        type: 'get',
        url: url,
        async: 'false',
        data: data,
        dataType: "jsonp",
        success: success,
        error: error,
    };
    $.ajax(option);
};
};

以上列举了json及jsonp请求的get与post方法,调用的时候直接传参就行了!

16人推荐
随时随地看视频
慕课网APP

热门评论

这在js中具体是怎么使用呢


原谅小白没看懂!!!

不错不错,接口够全面的

查看全部评论