刷新頁面時如何使頁面中的數據不消失

Question

當您按f5鍵時，表格中的數據是否可能不會消失？ 這是我的代碼：

function Display_Start_Data(down_Time_Start) {
     console.log(downTimeStart);
     var newContent = '';

        $.each(downTimeStart.data, function (i, item) {
            newContent += Hesto.Html.StartTR(item.downTimeStart);
            newContent += Hesto.Html.CreateTD('<input type="button" value="Stop" id="btnStopEvent">');      
            newContent += Hesto.Html.CreateTD(item.CategoryName);
            newContent += Hesto.Html.CreateTD(item.StartTime);
            newContent += Hesto.Html.CreateTD(item.EndTime);
            newContent += Hesto.Html.CreateTD(item.Comments);
            newContent  = Hesto.Html.EndTR(newContent);
        });
        $('#DowntimeList').append(newContent);     
 }

Answer 1

您可以將數據保存在瀏覽器的本地存儲中，但並非所有瀏覽器都支持。

Answer 2

您可以通過使用服務器端會話或客戶端Cookie來實現。 您可以使用Html5本地存儲，但只能在最新的瀏覽器上使用。

Answer 3

可能通過：

1. 自定義程序來保存/調用cookie。
2. 用於從本地存儲保存/調用的自定義過程。
3. 從服務器端保存/調用的自定義過程。

Answer 4

簡單而一線的答案將是“ 否” 。

您無法使用jQuery保存數據。 它是Cache（服務器端或客戶端）或localStorage（HTML5；在瀏覽器中）的作業。 否則，每次按F5加載頁面時，您都會獲得一個新頁面。

當用戶按下F5按鈕時。 瀏覽器向服務器發送請求以加載頁面，該頁面加載有服務器發送的內容。 瀏覽器不會在頁面上附加任何數據。 因此，一旦用戶按下F5，就不會保存任何數據。

為此，開發人員使用其他一些技術來保存用戶的會話。 一些例子是

快取

緩存有兩種類型，一種由服務器保存。 其他則由客戶端本身（客戶端代理；又名瀏覽器）保存。

您可以從其他公司及其開發人員幫助指南中學習。

https://developers.google.com/speed/docs/best-practices/caching

本地存儲

HTML5'a API引入了一個稱為localStorage的新元素； 而不是元素，插件或可以稱為新技術的元素。 在其中，您可以將數據存儲在客戶端計算機中。 電腦。 可以再次使用。

使用它可以存儲數據。 在計算機中保存表格數據，然后在用戶按F5時將其取回。

您可以在Mozilla開發人員指南中了解其API

https://developer.mozilla.org/zh-CN/docs/Web/Guide/API/DOM/Storage

祝好運！

Answer 5

瀏覽器語言環境存儲，請參考此鏈接

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_webstorage_local