jquery - 更新時のデータのロード

Question

jQueryを使用してデータを保存し、ページ更新のアラートにロードします

これまでのところ、私は持っています:

$(function() {
    $("#input1").keyup(function() {
        inputvar = $('#input1').val();
        $("#input1").data("key1", inputvar)
    });
});     

$(document).ready(function() {
    alert($("#input1").data("key1"))
});

ただし、これは機能しません。何か案は？

Answer 1

data()更新後は保持されません。/を試してくださいlocalStoragesessionStorage

これをサポートしていない IE7 などの古いブラウザを使用している場合は、いつでも$.cookieプラグインを使用できます。

Answer 2

更新中のページを「保存」しています（したがって、置き換えます）。localStorage永続的なものが必要な場合は、次を使用することをお勧めします。

$(function() {
    $("#input1").keyup(function() {
        inputvar = $('#input1').val();
        localStorage['input1'] = inputvar
    });
    alert(localStorage['input1']);
});