|
|
|
|
|
$(document).ready(function (){
|
|
|
close_all();
|
|
|
$("#login_window").show();
|
|
|
$("#login_enroll").on("click",function (){
|
|
|
close_all();
|
|
|
$("#enroll_window").show();
|
|
|
|
|
|
})
|
|
|
$("#enroll_return").on("click",function (){
|
|
|
close_all();
|
|
|
$("#login_window").show();
|
|
|
})
|
|
|
console.log("3");
|
|
|
//注册界面响应
|
|
|
$("#enroll_enrolling").on("clilk",function (){
|
|
|
let username = $("#username").val();
|
|
|
let password = $("#password").val();
|
|
|
let email = $("#email").val();
|
|
|
let study_password = $("#study_password").val();
|
|
|
if (username === "" || password === "" || email === "" || study_password === "")
|
|
|
{
|
|
|
alert("不能为空！");
|
|
|
return
|
|
|
}
|
|
|
//…………………………填充邮箱功能……………………………………//
|
|
|
|
|
|
//…………………………end……………………………………//
|
|
|
$.post("login",
|
|
|
{
|
|
|
"username" :username,
|
|
|
"password" :password,
|
|
|
"email":email,
|
|
|
"study_password":study_password
|
|
|
},
|
|
|
function(data,status) {
|
|
|
alert("注册成功！");
|
|
|
close_all();
|
|
|
$("#login_window").show();
|
|
|
|
|
|
}
|
|
|
)
|
|
|
})
|
|
|
|
|
|
//登录界面响应
|
|
|
//jquery .on对应原js中 .addEventListener
|
|
|
$("#submit_login").on('click', function() {
|
|
|
let username = $("#username").val();
|
|
|
let password = $("#password").val();
|
|
|
let email = $("#email").val();
|
|
|
let user_id
|
|
|
let user_avatar_url
|
|
|
if (username === "" || password === "") {
|
|
|
alert("用户名或密码不能为空！");
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
$.post("login", {
|
|
|
"email": email,
|
|
|
"password": password,
|
|
|
}, function(data, status) {
|
|
|
// 在登录成功后，发送 AJAX 请求获取用户数据
|
|
|
$.get('/user_data', function(response) {
|
|
|
localStorage.setItem('username', response.username); // 使用响应中的用户名
|
|
|
localStorage.setItem('user_id', response.user_id);
|
|
|
localStorage.setItem('user_url',response.user_url); // 用户头像地址
|
|
|
localStorage.setItem('user_signature', response.user_signature);
|
|
|
// 在这里可以根据需要对获取到的数据进行处理
|
|
|
// 更新界面等操作
|
|
|
window.parent.location.reload();
|
|
|
console.log(response)
|
|
|
console.log(response.user_avatar_url)
|
|
|
window.close();
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
// Flask 会将一次性消息存储在名为 flash 的 cookie 中，并在响应中发送该 cookie。
|
|
|
// 可以使用 jQuery 插件来轻松地访问 cookie。例如，可以使用 jquery.cookie 插件来获取名为 flash 的 cookie 中存储的消息。
|
|
|
|
|
|
function close_all(){
|
|
|
$("#enroll_window").hide();
|
|
|
$("#login_window").hide();
|
|
|
}
|
