Используйте jQuery для локальной переменной для глобальной переменной

Question

У меня есть форма для входа в систему, и у нее есть имя пользователя и пароль. Но мое требование - передать зарегистрированное имя пользователя глобальной переменной и использовать ее по всему сайту.

Здесь я хочу, чтобы значение имени пользователя из функции userLogin() хранилось в глобальном имени пользователя.

Ниже приведен код, и, пожалуйста, помогите, если я не прав:

JQuery:

$(function(){ 

var username = ?; 

/*Login forms functionality */ 
    $("#submit-login").click(function(){ 

     userLogin(); 
    }); 
    function userLogin() { 

     var username = $('#user').val(); 
     var password = $('#pass').val(); 

     var data = $("#login-user").serialize(); 

    } 

}); 

Answer 1

удалить var в Userlogin() функция для того, чтобы использовать globaly объявил username переменную

Answer 2

Когда вы перемещаетесь по страницам, и если браузер обновляется, значения переменных javascript будут потеряны, чтобы сохранить эти значения, вы можете использовать

window.sessionStorage(); 

вы можете хранить/получить значение следующие

window.sessionStorage.setItem('user',username); 
var loggedInUser = window.sessionStorage.getItem('user'); 

Но это не рекомендуется хранить пароль в окнах, необходимо реализовать/использовать некоторые сессии, чтобы создать вошедшие на сессии.

В вашем текущем scenerio вы можете использовать username без var, чтобы сделать его доступным по всему миру, но это неправильная практика, так как вы не должны загромождать глобальное пространство имен.

Существует один способ использования единой глобальной переменной, как

myGlobalVariables = { 
"user" : <someValue>, 
... <more variables as required in you r application> 
} 

Таким образом, вы будете создавать только один глобальной переменной.