javascript - Javascript sessionStorage 变量未正确保存

Question

我正在尝试将 HTML 表单中的各种值保存到 sessionStorage 但使用以下代码我收到“storeInfo Start”警报但没有收到“StoreInfo End”所以我假设 sessionStorage 代码存在一些错误/错误。

我已经删除了其他代码，但这个示例仍然不适合我，如果相关的话，我使用的是 Firefox 45.0.2，但是我之前在这个浏览器中使用过 sessionStorage 以及类似的代码，但我找不到它们之间的区别。

function validate () {
    alert("Validate");
    storeInfo();
}

function storeInfo() {
    alert("storeInfo Start");

    sessionStorage.firstName = document.getElementById("firstName").value;

    alert("StoreInfo End - First Name is: " + sessionStorage.firstName);

}

function init () {
    alert("Init Works!");

    // For apply page
    if (document.getElementById("applyForm") != null) {
        var applyForm = document.getElementById("applyForm");
        applyForm.onsubmit = validate;
    }
 }

window.onload = init;

来自 HTML 文件：

<form id="applyForm">
    <p>
        <label for="firstName">First Name</label> 
        <input type="text" name="firstName" id="firstName" pattern="^[a-zA-Z]+$" maxlength="25" size="25" required="required" value="ThisIsMyName" />
    </p>
    <input type="submit" />
</form>

Answer 1

你在哪里找到这样的API？

利用：

sessionStorage.setItem('firstName', document.getElementById("firstName").value;);

...然后sessionStorage.getItem('firstName');

Answer 2

我不得不在片段中添加一些 html，但是当我把它放在小提琴上时它就可以工作了。

<form id="applyForm">
    <p>
        <label for="firstName">First Name</label> 
        <input type="text" name="firstName" id="firstName" pattern="^[a-zA-Z]+$" maxlength="25" size="25" required="required" value="ThisIsMyName" />
    </p>
    <input type="submit" />
</form>

这个小提琴有效

Answer 3

也许你可以试试localStorage，像这样：

if(localStorage.getItem('firstName')){
        firstName=localStorage.getItem('firstName');
    } 
localStorage.setItem('firstName',document.getElementById("firstName").value;);