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

//获取到token后回调functiongetToken(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){ vartoken= jQuery.parseJSON(res).token; //console.log(token);//保存到cookie设置有效期为1天$.cookie('token', token, { expires: 1}); //回调函数typeof(callback)==='function'&&callback(token); } else{ returnfalse; } }, error:function(){ returnfalse; } }); } else{ console.log('getcookie!'); //回调函数typeof(callback)==='function'&&callback($.cookie('token')); } }

带参数，带回调的情况

/* cookieName cookie自定义名称 callback 回调函数 */functiongetSort(cookieName,callback){ /*排序规则*/varsymbolSort = {}; //排序用cookie存储if($.cookie(cookieName)=='null'|| $.cookie(cookieName)=='undefined'|| $.cookie(cookieName)==null|| $.cookie(cookieName)==undefined){ $.cookie(cookieName, JSON.stringify(symbolSort)); } //console.log('cookiesort'+$.cookie('sortList'));varsortList = JSON.parse($.cookie(cookieName)); if(sortList){ //回调函数typeof(callback)==='function'&&callback(sortList); } else{ returnfalse; } }

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