javascript - 使用 localStorage 的 Jquery 自动登录

Question

我正在尝试使用记住我 功能为用户实现自动登录。

这是我的代码。但它不会自动登录用户。

if (localStorage.getItem("username") != null) {
  var username = localStorage.getItem("username");
  var password = localStorage.getItem("password");
  $('#txtusername').val(username);
  $('#txtpwd').val(password);
  $.post("../../T").done(function (d) {
    location.replace("../.../menu");
  });
} else {
  console.log("Don't have any key inside localStorage");
}

我使用以下方式保存了项目:

$('#remember').click(function () {

    $('#btnSignIn').click(function () {
        if ($('#remember').is(':checked')) {
            localStorage.setItem("username", $("#txtusername").val());
            localStorage.setItem("password", $("#txtpwd").val());
            console.log("Items saved !")
        } else {
            localStorage.removeItem("username");
            localStorage.removeItem("password");
        }
    })

});

编辑

• 如何在我填写完文本字段后引导用户进入菜单页面？不足以使用 location.replace("... 我错过了什么吗？？

Answer 1

只需在您的工作登录按钮上模拟一个点击

var username = localStorage.getItem("username");
var password = localStorage.getItem("password");
$('#txtusername').val(username);
$('#txtpwd').val(password);
if(username && password) {
  $("#loginButton").click(); 
 // Your existing login button...which you use for normal login
} else {
  console.log("Don't have any key inside localStorage");
}