全球使用jQuery中的變量

Question

我想使用登錄用戶名作爲全局變量，可以傳遞給內部窗體，有沒有辦法我可以將登錄用戶名變量傳遞給其他功能如下： 任何人都可以請幫助：

Fiddle

的JavaScript：

$(function() { 

     function userLogin() { 

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

    function requestDemo() { 
     var userName = userName; // This should inherit the username from login function? 
    } 

}); 

Answer 1

您只需插入

var globalUsername = '' 
var globalPass = ''; 

正下方：

$(function() { 

這樣的：

$(function() { 
var globalUsername = '' 
var globalPass = ''; 
... 

或以上，像這樣：

var globalUsername = '' 
var globalPass = ''; 
$(function() { 
... 

之後，你可以在每一個地方使用這兩個變量你的腳本。

Answer 2

我們已經有一個全局變量可用。我們如何直接在jQuery對象上創建變量。然後，在我們的各種功能中，我們可以簡單地檢查它們是否存在，如果它們不存在，那麼執行它們，或者如果它們存在，則參考它

看着你的小提琴，這也可以非常輕鬆地完成 - 只需讓每個需要訪問全局命名空間的函數創建或引用它即可。

$(function() { 
    $.bob_jsNS = $.bob_jsNS || {}; 

    var mainurl = 'http://localhost:9000'; 

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

    userLogin(); 
    }); 

    function userLogin() { 
    $.bob_jsNS.user = $.bob_jsNS.user || {}; 
    var myUser = $.bob_jsNS.user; 

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

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

    var data = { 
     "userName": myUser.userName 
    } 

    $('#sdlc-gif').show(); 

    // I simply reference the global namespace to get the userName. 
    if (myUser.userName != '' && password != '') { 
    // Removed for clarity. There was code here. 
    } 
    } 


    function requestDemo() { 
    /***** 
    * Any time I need access to any part of the global namespace, 
    * I should first check that it's there -- and if not, create it. 
    * These first few lines happen on any function that will need to get 
    * or set global values or functions. 
    ***/ 
    $.bob_jsNS = $.bob_jsNS || {}; 
    $.bob_jsNS.user = $.bob_jsNS.user || {}; 
    var myUser = $.bob_jsNS.user; 
    // If we don't have a username, set it blank. 
    // May not be an issue, but it may break otherwise. 
    var myUser.userName = myUser.userName || ""; 
    var myUser.first = ('#firstName').val(); 
    var myUser.last = ('#lastName').val(); 
    var myUser.title = ('#jobTitle').val(); 
    var myUser.email = ('#email').val(); 
    var myUser.comments = ('#comments').val(); 
    var myUser.app1 = ('#app1').val(); 
    var myUser.app2 = ('#app2').val(); 
    var myUser.app3 = ('#app3').val(); 

    var data = { 
     "userName": myUser.userName, 
     "firstName": myUser.first, 
     "lastName": myUser.last, 
     "jobTitle": myUser.title, 
     "email": myUser.email, 
     "comments": myUser.comments, 
     "app1": myUser.app1, 
     "app2": myUser.app2, 
     "app3": myUser.app3 
    } 
    /*** 
    * More code was here, abbreviated for clarity. 
    ***/ 
    } 


    /* Provide feedback form */ 

    $("#submit-feed").click(function() { 

    provideFeedback(); 
    }); 
    /* Provide Feedback */ 
    function provideFeedback() { 
    // var data = $("#provide-feed").serialize(); 
    $.bob_jsNS = $.bob_jsNS || {} 
    $.bob_jsNS.user = $.bob_jsNS.user || {}; 


    var userName = $.bob_jsNS.user.userName || ""; 
    var q1 = $("input[name='group1']:checked").val(); 
    var q2 = $("input[name='group2']:checked").val(); 
    var q3 = $("input[name='group3']:checked").val(); 
    var q4 = $("#ans4").val(); 
    var q5 = $("#ans5").val(); 

    var data = { 
     "userName": userName, 
     "q1": q1, 
     "q2": q2, 
     "q3": q3, 
     "q4": q4, 
     "q5": q5 
    } 
    } 
}); 

Answer 3

我會建議使用兩種localStorage或sessionStorage根據自己的需要進行持久化。你可以閱讀更多關於兩個here的差異。

通過以下方法，您可以將用戶名值分配給Web瀏覽器本地存儲，然後在需要時從本地存儲中檢索該值，並且您不必擔心太多的範圍你的變量放置在哪裏。

$(function() { 

     function userLogin() { 

     localStorage.setItem('username', $('#user').val()); 
     var password = $('#pass').val(); 
     } 

    function requestDemo() { 
     var userName = localStorage.getItem('username'); 
    } 

});