0

ローカル ストレージに値を保存する調査があります。テーブルなどを介して半組織化された方法でローカルストレージを表示することだけを目的とする非常に単純な「管理」ページを作成しようとしています。どうすればよいかわかりません。

ここに私が保管しなければならないものがあります。

$( document ).ready(function() {
    $('#Save').click(function (e) {
        if (confirm('Are you sure you want to submit? You will not be able to go back.')) {
            var person = $("#FirstName").val() + "." + $('#LastName').val();
            $('input, select, textarea').each(function () {
                var value = $(this).val(),
                    name = $(this).attr('name');
                localStorage[person + "." + name] = value;
                window.location.href = "Confirmation.html";
                console.log('stored key: ' + name + ' stored value: ' + value);
            });
        }
    });
});

格納されるキーは、firstname.lastname.element,value です。基本的に、キーで並べ替えられたコンソール ビューのように単純に表示できれば、それは素晴らしいことです。方向の任意のポイントをいただければ幸いです。

4

1 に答える 1

0

サーバー側のコードを本当に操作できない場合を除き、 を使用$.ajaxしてフォームをサーバーに投稿し、応答を返すことを強くお勧めします。ローカル ストレージがこのようなフォーム送信を目的としていたとは思えません。それ以外の場合は、以下を参照してください。

次のページで localStorage アイテムを表示するには、次のページで localStorage アイテムを参照する必要があります。を変更するwindow.location.hrefと、前のページのコンテキストは無効になりname、value存在しなくなります。両方のページに次のようなものを使用する必要があります:
Submit.html

$(document).ready(function() {
    $('#Save').click(function (e) {
        if (confirm('Are you sure you want to submit? You will not be able to go back.')) {
            var person = $("#FirstName").val() + "." + $('#LastName').val();
            $('input, select, textarea').each(function () {
                var value = $(this).val(),
                    name = $(this).attr('name');
                localStorage["name"] = name;
                localStorage["person"] = person;
                localStorage[person + "." + name] = value;
                window.location.href = "Confirmation.html";
                console.log('stored key: ' + name + ' stored value: ' + value);
            });
        }
    });
});

確認.html

$(document).ready(function() {       
    var name = localStorage["name"];
    var person = localStorage["person"];
    var value = localStorage[person + "." + name];
    console.log('stored key: ' + name + ' stored value: ' + value);
});
于 2013-10-24T17:36:42.533 に答える