jquery，本地存儲保存onclick

Question

我的本地存儲有問題。 我有一個包含我的工作、聯系人等的投資組合，我沒有按鈕，這使得 onclick 將不同的頁面從瑞典語翻譯成英語並來回翻譯。 我怎樣才能將它存儲在本地存儲中，這樣當您刷新頁面時，您仍然會獲得上次單擊的語言？

我試過這個是 jquery

$(function(){
    $(".translate").click(function(){
        $(localStorage.getItem)(arrLanguage);
    });
});

這是我要保存的數據，對吧？

//array with everything that translates
var arrLanguage = {
    "swe": {
        "hem": "Hem",
        "om": "Om mig",
        "portfolio": "Portfolio",
        "kontakt": "Kontakt",
        "studerande": "Studerande inom webbutveckling fullstack på Nackademin",
        "personligtbrev": "Jag är en glad, pålitlig och vidsynt kille som ser fram emot att ta mig ut i jobbvärlden för att skapa möjligheter för framtiden och för att skaffa erfarenhet som förbereder mig för framtida jobb. Efter utbildningen vill jag arbeta på en plats där jag får arbeta kreativt och systematiskt med uppgifterna jag blir tilldelad. Min vision för framtiden är att arbeta med webbdesign där jag får designa och utveckla webbsidor och andra sociala kanaler för kreatörer och/eller företag - jag vill vara hjärnan bakom deras framgång!

Jag är målmedveten, strukturerad och vill alltid fullfölja mina uppgifter och leverera bästa möjliga service för personen i fråga. <br> Jag är alltid på språng och är inte sen med att ta mig an uppgifter för att fortsätta utvecklas för att kunna nå mina mål. Mina kreativa och envisa egenskaper gör att jag inte ger upp utan jag blir snarare ‘’peppad’’ på att göra ett ännu bättre jobb och ser det som en lärorik utmaning. Som tidigare sagt så har jag ett öga för design och webbutveckling vilket gör att jag är flitig i skrift, språk och bild för att kunna leverera en snygg och felfri design.",
        "pic" : "Bild på mig",
        "quiz" : "Under vår första kurs Javasctipt 1 i utbildningen fick vi som examination en inlämningsuppift att göra ett quiz, vilket var väldigt lärorikt",
        "crm" : "Under vår andra kurs Javasctipt 2 i utbildningen fick vi som examination en inlämningsuppift i grupp och vi skulle bygga ett crm med hjälp av scrum vilket var väldigt lärorikt",
        "links" : "Länkar",
        "mail" : "Email",
        "phone" : "Telefon",
        "translater" : "Översättare",
        "swedish" : "Svenska",
        "english" : "Engelska",
        "menu" : "Meny",

    }, 
    "eng" : {
        "hem" : "Home",
        "om" : "About me",
        "portfolio" : "Portfolio",
        "kontakt" : "Contact",
       "studerande" : "Web development student focus fullstack at Nackademin",
        "personligtbrev" : "I am a happy, reliable and far-sighted guy who looks forward to taking me out in the job world too to create opportunities for the future and to gain experience that prepares me for future jobs. After graduation, I want to work in a place where I can work creatively and systematically information I am assigned. My vision for the future is to work with web design where I get to design and develop websites and other social channels for creators and / or companies - I want to be the brain behind them success! I am purposeful, structured and always want to fulfill my tasks and deliver the best possible service for the person in question. I'm always on the go and I'm not late to take charge tasks to continue to develop in order to reach my goals. My creative and stubborn qualities make me not giving up without me being rather pepped at doing an even better job and seeing it as an educational challenge. As I said before, I have an eye for design and web development which makes me diligent in writing, language and image to deliver a stylish and flawless design.",
        "pic" : "Picture of me",
        "quiz" : "During our first course Javasctipt 1 in the education, we were given an assignment to do a quiz, which was very educational",
        "crm" : "During our second course Javasctipt 2 in the education, we got an examination assignment in group and we would build a crm with the help of scrum which was very educational",
        "links" : "Links",
        "mail" : "Mail",
        "phone" : "Phone",
        "translater" : "Translater",
        "swedish" : "Swedish",
        "english" : "English",
        "menu" : "Menu",

    }
};

這是按鈕

<div class="translator">
        <h1 class="lang" key="translater">Översättare</h1>
        <button class="translate btn btn-info lang" key="swedish" id="swe">Svenska</button>
        <button class="translate btn btn-info lang" key="english" id="eng">Engelska</button>
    </div>

Answer 1

您不能直接從localStorage獲取對象。

您需要將objects轉換為string ：

var str = JSON.stringify(arrLanguage);
localStorage.setItem("languages",str);

從localStorage獲取項目時，將項目轉換回Object ：

var arrLanguage = localStorage.getItem("languages");
arrLanguage = JSON.parse(arrLanguage);