前端接口请求类库 附带方法

Posted 哈尔滨洛弘科技有限公司

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端接口请求类库 附带方法相关的知识,希望对你有一定的参考价值。

//此js在weui的支持下操作
var moved=true,
    site_name='平台标题',
    appid = '后台提供的appid',
    appsecret='后台提供的appsecret',
    //请求地址
    site_url=location.protocol+'//'+location.host+'/';
    //请求数据 POST
var request = function (api, $data, callback,$token, is_loading = true,$load) 
    if (is_loading == true) 
        $.showLoading($load||'请求中');
    
    var that = this;
    //请求随机数
    var rand=Date.now()+parseInt((Math.random())*100000);
    var str='app_id='+appid+'&appsecret='+appsecret+'&rand='+rand;
    //请求签名
    var sign = hex_md5(str).toUpperCase();
    $.ajax(
        type: 'post',
        url: site_url+api,
        dataType: 'json',
        headers:sign:sign,rand:rand,token:$token,
        data: $data,
        async: true,
        success: function (data) 
            $.hideLoading();
            setTimeout(function () 
                if (typeof callback === 'function' && callback.call(that, data,site_url) === false) return false;
            )
        ,
        error: function (xhr, textStatus, errorThrown) 
            // request(api, $data, callback,$token, is_loading,$load);
        
    );

//上传文件
var upload = function (api, $data, callback,$token, is_loading = true,$load) 
    if (is_loading == true) 
        $.showLoading($load||'上传中');
    
    var that = this;
    var appid = 'cqskurrqogaoclsumenr';
    var appkey='lDExuywpBznIDhGEzbrolIsJDggaeszE';
    var random=Date.now()+parseInt((Math.random())*100000);
    var url="http://www.kumiaodj.cn/";
    var str='app_id='+appid+'&app_key='+appkey+'&random='+random;
    var sign = hex_md5(str).toUpperCase();
    console.log($data);
    $.ajax(
        type: 'post',
        url: url+api,
        dataType: 'json',
        headers:sign:sign,random:random,token:$token,
        data: $data,
        async: true,
        cache: false,
        processData: false,
        contentType: false,
        success: function (data) 
            $.hideLoading();
            setTimeout(function () 
                if (typeof callback === 'function' && callback.call(that, data) === false) return false;
            ,300)
        ,
        error: function (data) 
            $.hideLoading();
            $.toast('加载异常', 'text');
        
    );

//获取参数
function Param(name)

    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  decodeURIComponent(r[2]); return '';

//设置缓存
function set_cache($key,$data)
    return window.sessionStorage.setItem($key,$data);

//取出缓存
function get_cache($key)
    return window.sessionStorage.getItem($key);

//设置COOKie
function set_cookie($key,$data,$expires)
    return $.cookie($key, $data,  expires: $expires );

//取出Cookie
function get_cookie($key)
    return $.cookie($key);

//删除cookie
function del_cookie($key)
    $.cookie($key,undefined);

//检测是否登录
function check_login()
    var $token=get_cookie('token');
    if($token=='' || $token==null || $token==undefined || $token=='undefined')
        jump('login.html');
        return false;
    else
    

//检测是否已经登录
function check_index()
    var $token=get_cookie('token');
    if($token=='' || $token==null || $token==undefined || $token=='undefined')
    else
        jump('index.html');
        return false;
    

//检测是否已经存在开屏
function check_lead()
    var $lead=get_cookie('lead');
    if($lead!=1)
        var cur_href=location.href;
        jump('lead.html?link='+cur_href);
        return false;
    

//是否微信登录
function isWeiXin()
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger')
        return true;
    else
        return false;
    

``
上述代码中涉及到的md5方法类库地址
点我获取
上述代码中涉及到的cookie方法类库地址
点我获取

以上是关于前端接口请求类库 附带方法的主要内容,如果未能解决你的问题,请参考以下文章

前端请求接口的一些问题解决方法

请求接口时跨域问题,前端解决方法

在前后端分离的项目中,ajax跨域请求怎样附带cookie

JAVA的常用的类库都有哪些?

前端后台管理系统————权限开发(附带教程及代码)

python怎么获取需要登陆的接口的数据?