刷新页面时如何使页面中的数据不会消失

时间:2014-04-25 09:40:58

标签: javascript jquery

按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);     
 }

5 个答案:

答案 0 :(得分:0)

您可以将数据保存在浏览器的本地存储中,但并非所有浏览器都支持该数据。

答案 1 :(得分:0)

您可以使用服务器端会话或客户端Cookie来执行此操作。您可以使用Html5本地存储,但它可能只适用于最新的浏览器。

答案 2 :(得分:0)

可能来自:

  1. 从Cookie保存/召回的自定义程序。
  2. 从本地存储中保存/调用的自定义过程。
  3. 从服务器端保存/调用的自定义过程。

答案 3 :(得分:0)

简单和一行答案是

您无法使用jQuery保存数据。它是Cache(Serverside或客户端)或localStorage(HTML5;在浏览器中)的工作。否则,每次按 F5 加载页面时,您将获得一个新页面。

当用户按下F5按钮时。浏览器向服务器发送加载页面的请求,页面加载了服务器发送的内容。浏览器不会向页面添加额外数据。这就是为什么一旦用户按下F5就不会保存数据的原因。

为此,开发人员使用其他一些技术来保存用户的会话。

的一些例子

高速缓存

缓存有两种类型,一种由服务器保存。其他由客户端本身保存(客户端代理; a.k.a浏览器)。

您可以从其他公司及其开发人员帮助指南中了解到这一点。

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

localStorage的

HTML5'a API引入了一个名为localStorage的新元素;不是一个元素,它是一个插件,或者你可以称之为新技术。在其中,您可以将数据存储在客户机中;电脑。哪个可以再次使用。

使用它可以存储数据;在计算机中格式化数据,然后在用户按下F5后将其恢复。

您可以在Mozilla开发人员指南

上了解其API

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

祝你好运!

答案 4 :(得分:0)