javascript - 单击前进和后退浏览器按钮时保留 javascript 数据

Question

我有以下调用 javascript showTable 方法的下拉菜单。

<select name="any_name" id="any_id" onChange="showTable()">

我有以下 showTable 方法，它通过 post 调用 php 方法来填充我的 showData div 中的数据。

function showTable()
    {
        $.ajax({
        type: "POST",
        url: "sample.php",
        data: {"Id" : myId},
        success: function (data) 
        {
            document.getElementById("showData").innerHTML= data;
        }
        });
    }

它工作正常。现在，当我点击 FORWARD 然后 BACKWARD 浏览器按钮时，问题就出现了。点击 BACKWARD 按钮后，我得到了上一页，但我的 showData div 是空的。我怎样才能在这个 div 中保留从我的 PHP 脚本中获得的数据？我想我已经把我想问的说清楚了。

Answer 1

寻找本地存储 w3schools.com/html/html5_webstorage.asp并设法在后退/前进行为之间保存和检索值。

;)