用JS怎么实现刷新页面后保留刷新前的页面上的数据显示

JavaScript025

用JS怎么实现刷新页面后保留刷新前的页面上的数据显示,第1张

页面本身是不具备保存历史数据的功能的，需要借助其它手段来实现，常用方法如下：

异步更新页面。这种方法实际上页面是没有刷新的，通过AJAX导步获取信息来更新页面，这样可以保留原页面需要保留的数据。一些网站的发表评论后，评论内容更新，用的就是这个方法。

使用COOKIE保存。把需要保存的数据存储到COOKIE中，页面更新时，读取COOKIE渲染到页面上。比较常见的如：登录框记录用户名，下次登录无须重新输入。但COOKIE存储的数据量有限，不适合大的数据存储。

服务器端保存数据。与COOKIE保存类似，只不过内容是保存在服务器端，利用会话机制在页面更新时从服务器读取内容重新渲染。这是一种常见的而保险的方法。像一些文本编辑器，保存草稿等，就是通过这样的方式实现的

Javascript刷新页面的几种方法：

1 history.go(0)

2 location.reload()

3 location=location

4 location.assign(location)

5 document.execCommand(‘Refresh‘)

6 window.navigate(location)

7 location.replace(location)

8 document.URL=location.href.

____________________________________________

框架页中：(框架页中其中一个子页)

top.location.reload() 刷新整页

self.location.reload() 刷新本页

window.parent.location.href='' 框架页重定向

_____________________________________________

自动刷新页面的方法:1.页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">其中20指每隔20秒刷新一次页面.<body onload="opener.location.reload()">开窗时刷新<body onUnload="opener.location.reload()">关闭时刷新。

例：数据添加成功后弹出对话框并刷新页面

if (infoAction_Sort.Insert(info_Sort))

{

ScriptManager.RegisterStartupScript(this.UpdatePanel, this.GetType(), "alert", "alert('相册分类添加成功')window.location.reload()", true)

//Alert("相册分类创建成功")

//Response.Redirect(Request.Url.ToString())//刷新本页

this.txt_AddSort.Text = ""

this.txt_SortDepict.Text = ""

}