ajax实用技术教学课件作者程继洪肖川李海斌编著第8章常用对象简介8.7.pptx

8.7 Cookie对象 Cookie用于在网页中存储用户的信息，但这些信息只能是少量的。 Cookie以纯文本文件的形式记录在磁盘上，当然用户可以选择禁止使用Cookie，这时就无法通过Cookie存储用户信息了。 因为HTTP协议是一种无状态的协议. 也就是说同一用户两次访问同一网址，服务器是不“认识”他的，但通过Cookie可以把用户和访问的网址记录下来，下次访问该网址时，服务器可以通过Cookie“记住”这一用户。 Cookie保存用户信息是以“名-值”对的格式保存的，格式如下： username = cjh JavaScript通过document.cookie（也就是Cookie对象），来创建、读取和删除Cookie。 8.7.1 创建Cookie 可以通过以下方式创建Cookie。 document.cookie=username=cjh; document.cookie=username=cjh; expires= Thu, 31 Aug 2017 06:28:09 GMT ; document.cookie=username=cjh; expires= Thu, 31 Aug 2017 06:28:09 GMT; path=/; ◆ 第1种方式直接创建了一个“名-值”对的Cookie。 ◆ 第2种方式除了“名-值”对外，还用expires指定了Cookie的终止时间，即删除Cookie的时间。默认情况下，Cookie在页面关闭时终止，即Cookie的有效期为页面打开的时间，页面关闭Cookie即消失。 ◆ 第3种方式还指定了path，规定了Cookie的归属，默认情况下Cookie属于当前页面。 注意，在cookie 的名或值中不能使用分号（;）、逗号（,）、等号（=）以及空格。Cookie在存入document.cookie之前需要使用escape()进行编码处理，取出时用unescape()处理，得到原来的字符串。 8.7.2 读取Cookie 通过document.cookie读取所有的Cookie。读取方法如下： var cookies = document.cookie; 这样，可以读取所有的Cookie，以“；”分隔，如cookie1=value1; cookie2=value2; cookie3=value2;……。如果需要某一个Cookie，需要通过字符串操作方法进行提取或分离。 8.7.3 修改Cookie 修改Cookie也十分简单，只需要对已经存在的Cookie进行重新赋值，就可修改原来的Cookie。 也就说修改Cookie与创建Cookie的方法是一样的，差别就是创建时没有同名的Cookie存在，而修改时有同名的Cookie。 修改Cookie的格式如下： document.cookie=username=xc; 通过以上语句，原来名为username的Cookie的内容即被更改为xc。 8.7.4 删除Cookie 删除Cookie与其他的删除不同，不是通过调用某个方法，而是指定Cookie的终止时间，到了终止时间Cookie将自动被删除，而无须程序员的干预。 格式如下： document.cookie=username=; expires= Thu, 31 Aug 2017 06:28:09 GMT ; 现在通过expires指定了名为username的Cookie在Thu, 31 Aug 2017 06:28:09 GMT之后将自动消除。 需要注意的是，删除Cookie没有必要提供Cookie的值，只有它的名字就可以了。这也正说明了Cookie是以“名字”进行区分的。 8.7.5 Cookie操作实例 下面通过一个实际的例子来说Cookie的操作。 在这个例子中，允许用户创建Cookie，修改Cookie，读取/获取Cookie和删除Cookie。 其删除Cookie是通过指定过期时间实现的，没有对应的用户操作。 实际应用中，Cookie是由服务器端的脚本（如JSP、ASP和PHP等）保存在客户端的，JavaScript可以读取和操作这些Cookie。 这个例子是在客户端创建并保存/修改Cookie。主要包括3个功能：创建/修改Cookie、获取Cookie和检查Cookie，下面分别予以实现。 （1）创建/修改Cookie 在这个例子中，通过用户输入Cookie的名和值，以空格分隔，然后按照Cookie的格式（即名-值对）存入Cookie对象，并指定Cookie的过期时间。 要实现这一功能，需要分两步实现。 第一步实现Cookie的创建/修改； 第二步响应用户操作，获取用户输入，并对输入的数据进行分隔处理，将分离出的数据调用第一步实现的方法保存在Cookie中。