如何向本地存儲中的密鑰發送多個值？

這個想法是你填寫一個表格：姓名，圖片，日期，地點。並在另一頁將這些信息顯示

我堅持，因爲我不知道我怎麼能到1鍵給予更多value`s以及如何我自動從信息後，更改密鑰表格已保存。

<form id="localStorage" method="post" action=""> 
    <label>Kies foto:</label> 
    <br/> 
    <input type='file' id="afbeelding" /> 
    <br/> 
    <br/> 
    <label>Onderschrift:</label> 
    <br/> 
    <input type="Onderschrift" name="Onderschrift" id="Onderschrift" class="Opslaan" required /> 
    <br/> 
    <br/> 
    <button onclick="opslaan()" type="button">Verstuur</button> 
</form>

function opslaan() { 
    var inputOnderschrift = document.getElementById("Onderschrift"); 
    localStorage.setItem("onderschrift", inputOnderschrift.value); 
}

來源

2014-02-26 user3356007

我希望你的意思是一本日記，而不是腹瀉（那英語什麼diarree意思）:) – matthijsb

哈哈。我已經編輯過已經同行評審過的標題:) – KoalaBear

可以存儲與用戶數據的對象（JSON字符串化）。

例如：

var userData = { 
    'name': '', 
    'picture': '', 
    'date': '', 
    'location': '' 
}; 

var inputOnderschrift = document.getElementById('Onderschrift'); 
userData.name = inputOnderschrift.value; 

var inputPicture = document.getElementById('Picture'); 
userData.picture = inputPicture.value; 

// etc. 

localStorage.setItem('userData', JSON.stringify(userData));

在你的下一個頁面，您可以獲取這樣的數據：

var userData = JSON.parse(localStorage.getItem('userData')); 
var name = userData.name; 
var picture = userData.picture;

來源

2014-02-26 13:42:41

當你在第二段代碼中檢索數據時，不用'sessionStorage'應該是'localStorage'，對吧？請糾正這一點。 –

感謝您的注意，我已經更新了它。 –

還要將seconf的'userData.name ='...改爲'userData.picture ='... –

據我所知，本地存儲是字符串鍵/值對。雖然你可以建立一個自定義對象，其字符串化和存儲，與此類似：

var myObject = { name: 'myname', address: 'myaddress' }; 
localStorage.setItem("myObject", JSON.stringify(myObject));

然後在回來的路上用JSON.parse();返回它回到對象和重新填充表單。

來源

2014-02-26 13:45:11 Nope

我做了一個數組把更多value`s在1個鍵和它的工作

來源

2014-02-27 12:17:42 user3356007

如何向本地存儲中的密鑰發送多個值？

回答

相關問題