jQuery中使用cookie存储数据,用于保存token

创建一个cookie方法

/*
 *终端cookie缓存,键值对key=value;如果key的名称相同则会覆盖上一个值
 *新增:cookieHandler.set("key1",value);
 *获取:cookieHandler.get("key1",defaultValue);
 *删除:cookieHandler.del("key1");
 */
var cookieHandler = {
	path: "/",
	get: function(cookie_name, default_value) {
		var reg = '(/(^|;| )' + cookie_name + '=([^;]*)(;|$)/g)';
		var temp = eval(reg).exec(document.cookie);
		if (temp != null) {
			var value = temp[2];
			return escape(value);
		}
		return default_value;
	},
	set: function(name, value, day) {
		day = day == undefined ? 30 : day;
		var str = name + '=' + value + '; ';
		if (day) {
			var date = new Date();
			date.setTime(date.getTime() + day * 24 * 3600 * 1000);
			str += 'expires=' + date.toGMTString() + '; ';
		}
		str += "path=" + this.path;
		document.cookie = str;
	},
	del: function(name) {
		this.set(name, null, -1);
	}
};

在登录中使用cookie方法保存token

let data = {
    loginName: $("#phone").val(),
    loginType: $('#checkbox1').is(':checked') ? "1" : "0",
    password: $.md5($("#pwd").val()),
}
$.ajax({
    type: "post", // 请求方式
    contentType: "application/json",
    url: login + "v1/userLogin?loginName=" + data.loginName + "&loginType=" + data.loginType + "&password=" + data.password,
    dataType: "json", // 数据类型可以为 text xml json  script  jsonp
    success: function(res) { // 返回的参数就是 action里面所有的有get和set方法的参数
        if (res.resultCode === "00000000") {
            showMessage("登录成功", 1);
            // 使用cookie保存token
            cookieHandler.set("normal_login_token", res.data.token)
            cookieHandler.set("accountId", res.data.user.accountId)
            cookieHandler.set("cellPhone", res.data.user.cellPhone)
            $(location).prop('href', './Account.html')
        } else {
            showMessage(res.resultMsg, 0);
        }
    }
});

获取token和删除token

// 获取token
cookieHandler.get("normal_login_token")
// 删除token
cookieHandler.del("normal_login_token")

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值