Как я могу использовать локальное хранилище для хранения информации для входа? - PullRequest
Новая
       27

Как я могу использовать локальное хранилище для хранения информации для входа?

0 голосов
/ 08 марта 2020

Мой html код, подобный следующему: 

<li id="login" class="hide-on-med-and-down">
    <a class="dark-text" style="padding-right:0 !important" href="#">Login</a>
</li>
<li id="user-login">
    <a class="white-txt dropdown-button" href="#" data-activates="user-dropdown">
        <span id="current-lang" data-code="">085132112345</span>
        <i class="fa fa-angle-down right"></i>
    </a>
    <ul id="user-dropdown" class="dropdown-content">
        <li class=""><a href="#">Profile</a></li>
        <li class="divider"></li>
        <li class="active"><a href="#">Logout</a></li>
        <li class="divider"></li>
    </ul>
</li>

Мой javascript код, подобный следующему: 

var x = document.getElementById("login");
var y = document.getElementById("user-login");
if (localStorage.getItem("loginChelseaLocalStorage") === null) {
    x.style.display = "block";
    y.style.display = "none";
}
else {
    x.style.display = "none";
    y.style.display = "block";
}

Если пользователь войдет в систему, он будет храниться в локальном хранилище следующим образом : 

localStorage.setItem("loginChelseaLocalStorage", true);

Если пользователь выйдет из системы, он удалит локальное хранилище следующим образом: 

localStorage.removeItem("loginChelseaLocalStorage");

Является ли использование локального хранилища для хранения информации для входа в систему, как указано выше, правильным и правильным?

1 Ответ

0 голосов
/ 08 марта 2020

Localstorage хранит строковые данные, поэтому вы должны использовать JSON .stringify (true) и чтобы получить элемент из локального хранилища, вы можете использовать JSON .parse (getItem ("loginChelseaLocalStorage")), чтобы просмотреть использование Localstorage здесь https://www.w3schools.com/jsref/prop_win_localstorage.asp

...