目录
1. 登录
1.1 登录流程设计
1.2 前端代码部分设计
-
发送AJAX请求
var userName = $("#userName").val(); var password = $("#password").val(); var data = { "userName": userName, "password": password} $.ajax({ type: "POST",//方法类型 dataType: "json",//预期服务器返回的数据类型 url: "users/login", contentType: "application/json; charset=utf-8", data: JSON.stringify(data), success: function (result) { } });
-
保存Token并跳转页面
通过AJAX请求获取到返回的数据,然后对数据进行存储setCookie("token", result.data.userToken); alert("登录成功"); window.location.href = "/";
-
setCookie() 方法
/** * 写入cookie * * @param name * @param value */ function setCookie(name, value) { // 设置了30天后Token过期,只是为了项目方便演示,可自行设置时间 var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value