在前进和后退浏览器按钮单击时保留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是空的。如何在我从PHP脚本中获取的div中保留数据？我想我已经说清楚了我想问的问题。

Answer 1

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

）