近期在做一个金融平台的项目网站切图+数据联调的时候遇到的问题，需要获取token，如果获取成功，在执行某一段操作，当好几个页面都需要用到的时候，就需要封装成一个函数，即利于后期的维护，代码也一目了然，代码如下，包含了cookie定义，判断，ajax获取，json数据解析，渲染，回调等代码片段，整理出来便于分享和后期在遇到的时候需要。

//获取到token后回调
function getToken(callback){

//console.log($.cookie('token'));

if($.cookie('token')=='null' || $.cookie('token')=='undefined' || $.cookie('token')==null || $.cookie('token')==undefined){
console.log('getajax!');
$.ajax({
methods: 'get',
url: 'https://example.com/getToken?accessKeyId=EtmiLaqhDDxuoXxT&secretKey=b314dcb83a',
success: function (res) {

if(jQuery.parseJSON(res).code==0){
var token= jQuery.parseJSON(res).token;
//console.log(token);

//保存到cookie设置有效期为1天
$.cookie('token', token, { expires: 1 });
//回调函数
typeof(callback)==='function'&&callback(token);
}
else{
return false;
}

},
error:function(){
return false;
}
});
}
else{
console.log('getcookie!');
//回调函数
typeof(callback)==='function'&&callback($.cookie('token'));

}

}

带参数，带回调的情况

/*
cookieName cookie自定义名称
callback 回调函数
*/
function getSort(cookieName,callback){


/*排序规则*/
var symbolSort = {};

//排序用cookie存储
if($.cookie(cookieName)=='null' || $.cookie(cookieName)=='undefined' || $.cookie(cookieName)==null || $.cookie(cookieName)==undefined){

$.cookie(cookieName, JSON.stringify(symbolSort));
}
//console.log('cookiesort'+$.cookie('sortList'));

var sortList = JSON.parse($.cookie(cookieName));

if(sortList){
//回调函数
typeof(callback)==='function'&&callback(sortList);
}
else{
return false;
}


}

 

标签：Ajax, cookie, js, JSON, 回调, 数据