JavaScript利用Cookie保存页面状态信息
来源:互联网 发布:不亦说乎和不亦乐乎 编辑:程序博客网 时间:2024/04/29 18:33
JavaScript利用Cookie保存页面状态信息
概述
在进行Java Web开发时,遇到了这么个问题,使用html标签进行表单提交后,诸如select、input之类的标签内的内容将恢复到原始状态,后来做的修改状态就此消失。对于之后操作相似或者仅改动一个标签内容信息的,又有可能要填写一大堆重复的信息,这样就显得不太友好了。对此,可以用Cookie来解决这个问题,Cookie在用户操作浏览器时,可以用于记录相关状态。Cookie在我们日常使用中也常常出现,如记录用户名密码以便下次登录时不需要手动填写等。
Cookie添加状态信息
可以在jsp或者html页面中利用js操作Cookie,这里配合JQuery使用会更方便一点,具体代码如下:
<script type="text/javascript" > function add_user_into_cookie() { document.cookie = "user = " + $("#txt_user").val(); } function add_passwd_into_cookie() { document.cookie = "password = " + $("#txt_passwd").val(); }</script>
通过上述代码,则可以向Cookie中添加状态信息,使用console.log()就可以清晰地看到Cookie存储的数据的结构,假设txt_user的内容是usr,txt_passwd的内容是1234,那Cookie的内容如下:
user=usr; password=1234;(之后可能有一些对于我们可能不需要的其他的信息)
提取Cookie中的状态信息
了解了Cookie中存储的信息的结果,取出来就比较容易了,首先需要获取当前页面的Cookie,具体代码如下:
var tmp_cookie = document.cookie;
之后取相关状态信息则使用字符串处理的函数即可,如split等,可以很方便取出。
0 0
- JavaScript利用Cookie保存页面状态信息
- 利用Cookie保存相应信息
- cookie对象保存页面信息
- cookie对象保存页面信息
- cookie or session 状态保存信息存储
- 利用cookie保存用户登录信息初步
- PHP利用cookie保存登录信息
- Android Fragment 保存页面信息以及状态
- cookie 保存登录状态
- 使用cookie保存信息
- JS 保存cookie信息
- 笔记:JavaScript 保存 Cookie
- JavaScript保存cookie
- 利用Cookie保存用户登录信息,利用Filter来判断用户是否登录
- 使用Cookie保存菜单状态
- 使用Cookie保存菜单状态
- 用Cookie 保存登录信息
- 用Cookie保存登录信息
- tornado学习笔记(三):子类需要重写的RequestHandler的方法
- Building a Dynamic UI with Fragments笔记
- jQuery选择器之可见性筛选选择器
- 截取字符串为数组的形式
- [KinectWPF程序]2彩色图像,使用WriteableBitmap对象改进Kinect图像显示&复杂的Kinect初始化方法
- JavaScript利用Cookie保存页面状态信息
- ViewPager实现选项卡
- jquery生成UUID
- IIS8请求筛选模块被配置为拒绝超过请求内容长度
- AndroidManifest中Application、Activity、Service属性介绍(转 )
- android meta-data 笔记
- Android自动化测试
- html+css笔记总结
- vpp feature node使用分析总结(snat)