Question

大家好日子！

我有以下三个会话存储功能，我需要一些有关loading-part的帮助。保存功能工作正常，但在加载函数loadform（）时，我无法将信息返回到表单中。我究竟做错了什么？

function book() {
    document.getElementById('ticketform').addEventListener('input', saveform, false);
    document.getElementById('ticketform').addEventListener('load', loadform, false);
}

function loadform() {
    var storedFnamn = sessionStorage.getItem('text1');
    var storedEnamn = sessionStorage.getItem('text2');
    var storedPnr = sessionStoage.getItem('text3');

    if (storedFnamn) {
        document.getElementById('firstname').value = storedFnamn;
    }
    if (storedEnamn) {
        document.getElementById('lastname').value = storedEnamn;
    }
    if (storedPnr) {
        document.getElementById('idnr').value = storedPnr;
    }
}

function saveform() {
    var fnamn = document.getElementById('firstname').value;
    var enamn = document.getElementById('lastname').value;
    var pnr = document.getElementById('idnr').value;

    window.sessionStorage.setItem('text1', fnamn);
    window.sessionStorage.setItem('text2', enamn);
    window.sessionStorage.setItem('text3', pnr);
}

Answer 1

在第9行，storedPnr你拼写错误sessionStorage，你写了sessionStoage。

Answer 2

您可能不会在表单元素本身上获得load事件。我想你想要的是用以下内容替换该行：

document.addEventListener('DOMContentLoaded', loadform, false);

这样，当页面的DOM完成加载时，它将调用loadform方法并从会话存储中提取值。

sessionStorage javascript，加载getItem？

2 个答案: