第7章用Cookie在客户端保存.pptVIP

第7章 用Cookie在客户端保存信息 前面的章节从各个方面讲述了JavaScript的基础知识。从本章开始，将进入JavaScript针对web页面控制的部分。在制作网页的时候，常常需要使用表单和用户交互。而有时表单项目很多，用户填写了很久的时间，却因为意外（超时、误操作...）等原因离开了该页面，再次回到表单页面时不得不重填所有的项目，这会给用户非常难以忍受的体验。那么一个理想的解决方案就是将用户的表达内容保存在本地，当页面载入时重载这些数据即可。 7.1 示例：用Cookie实现可以记住内容的表单 代码就是一个可以记住用户输入内容的表单。 代码说明： 7.2 什么是Cookie “Cookie”来自于英文，原意是“小甜饼”。维基百科上的定义是：“Cookie，有时也用其复数形式Cookies，指某些网站为了辨别用户身份而储存在用户本地终端上的数据”。简单来说，Cookie就是服务器暂存放在浏览者电脑里的资料，好让服务器用来辨认其计算机。在浏览网站的时候，Web服务器会先送一小小资料放在访问者的计算机上，这段资料就是Cookie。当下次用户再访问同一个网站，Web服务器会先看看有没有其上次留下的Cookie资料，有的话，就会依据Cookie里的内容来判断使用者，送出特定的网页内容。 Cookie看上去很复杂，那么其存在的价值是什么？为什么Web服务器不可以直接识别用户的电脑？要理解这些，必须先理解HTTP协议。 7.2.1 HTTP协议简介 用户在浏览网页的时候，浏览器的地址栏里输入的网站地址叫做统一资源定位符（URL—Uniform Resource Locator）。就像每家每户都有一个门牌地址一样，每个网页也都有一个Internet地址，这个地址就是URL。浏览器通过超文本传输协议（HTTP），将Web服务器上站点的网页代码提取出来，并翻译成漂亮的网页。因此在认识HTTP协议之前，有必要先弄清楚URL的组成,例如“/cd/corporate/home/apac/zho/324811.htm”。其含义如下： （1）http://：代表超文本传输协议，通知服务器显示Web页，通常不用输入 （2）www：代表一个Web(万维网)服务器 （3）/：这是装有网页的服务器的域名，或站点服务器的名称 （4）cd/corporate/home/apac/zho/：为该服务器上的路径，就好像一般个人电脑系统中的文件夹 （5）324811.htm：324811.htm是文件夹中的一个文件（HTML网页） 7.2.2 Cookie存在的意义 正是由于HTTP协议有着非连接和无状态的特性，使得服务器并不能够区分出每次访问者之间的不同。比如用户A和用户B先后请求一个页面，服务器并不能判断出这两次请求是来自于不同的用户，还是来自于同一个用户。那么在实际的网络分布式应用中，客户身份的确认就成为一个很大的困扰。为了解决这个问题，人们在HTTP协议的基础上扩展出Cookie这个有力的工具。 Cookie是一小段文本信息，被保存在客户端。每次浏览器访问服务器的时候，会自动的提交这段信息给服务器，服务器上的可执行程序（ASP、PHP或者其他的程序）会获得这段信息，并且根据该信息进行相应的处理。 7.2.3 Cookie的优点和限制 Cookie协助HTTP协议，使得客户端和服务器之间的通信有了“状态”，给用户和网站带来了很多的好处。举例来说，Cookie可以实现很多非常实用的应用： （1）Cookie能使站点跟踪特定访问者的访问次数、最后访问时间和访问者进入站点的路径。 （2）Cookie能告诉在线广告商广告被点击的次数 ，从而可以更精确的投放广告。 （3）Cookie有效期限未到时，Cookie能使用户在不键入密码和用户名的情况下进入曾经浏览过的一些站点。 （4）Cookie能帮助站点统计用户个人资料以实现各种各样的个性化服务。 7.3 把输入框的内容保存在客户端－使用Cookie 虽然大多数情况下，Cookie都是由服务器端的应用程序（如ASP、PHP和Perl等）操作和处理的。但JavaScript也提供了对Cookie的操作控制机制。 7.3.1 Cookie的保存和读取 在JavaScript的文档对象模型（DOM）中，Cookie对象是从属于文档对象（window.document）的子对象。其表现行为类似于一个字符串对象。如前面所说，Cookie保存的是文本信息，因此JavaScript中常将字符串或数值型变量的内容保存于其中。 将信息保存在Cookie中的语法很简单，即直接将字符串赋值给该对象： window.document.cookie = “需要保存的信息” window.document.cookie = ”关键