189 8069 5689
客户端数据存储机制cookie
创新互联建站服务项目包括政和网站建设、政和网站制作、政和网页制作以及政和网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，政和网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到政和省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
在实际的Web应用中经常需要在客户端存储一些客户信息 一方面是为了改善用户体验（如存储访问密码 历史表单信息） 另一方面有效地减轻了服务器数据读取压力 访问者在第一次访问页面时设置cookie变量是存储在客户端计算机中 当下次浏览器请求某个页面时 就可以读取cookie中存储的值 从而实现客户端数据存取
下面将通过一个例子展示一个客户端数据存储的实际应用 执行流程如下
（ ）创建一个存储访问者名字的cookie;
（ ）当访问者首次访问网站时 访问者会被要求填写姓名信息 该姓名信息会存储于cookie中
（ ）当访问者再次访问网站时浏览器会显示欢迎词信息
在JavaScript创建cookie
创建一个可在cookie变量中存储访问者姓名的函数 代码如下
function setCookie（c_name value expiredays）
{
var exdate=new Date（） //实例化日期变量
exdate setDate（exdate getDate（）+expiredays） //设置日期变量
document cookie=c_name+ = +escape（value）+
（（expiredays==null） ? : ;expires= +exdate toGMTString（））
}
【代码解读】
setCookie（）函数的功能是设置cookie的名称 值及失效时间 首先将获取当前的日期转换为有效的日期 然后设置cookie名称 值及失效时间 并将该值存入document cookie对象
从JavaScript取回cookie的值
从JavaScript取回cookie的值 创建读取客户端cookie值的函数 同时判断当前cookie的状态 代码如下
function getCookie（c_name）
{
if （document cookie length ） //判断当前cookie是否为空
{
c_start=document cookie indexOf（c_name + = ）
if （c_start!= ）
{
c_startc_start=c_start + c_name length+
c_end=document cookie indexOf（ ; c_start）
if （c_end== ） c_end=document cookie length
return unescape（document cookie substring（c_start c_end））
//返回客户端cookie的值
}
}
return
}
【代码解读】
getCookie（）函数首先会判断document cookie对象中是否存有cookie 如果document cookie对象存有某些cookie值 那么会继续检查指定的cookie是否已储存 如果满足判断条件就返回cookie存储值 否则返回空字符串
JavaScript流程控制
当完成了cookie的创建和读取之后 需要创建一个流程控制函数 这个函数的作用是 如果cookie已设置 则显示欢迎词 否则显示提示框要求用户输入名字
function checkCookie（） {
username=getCookie（ username ） //获得cookie中的用户名变量
if （username != null username != ） {
alert（ Wele again +username+ ! ） //弹出欢迎信息
} else {
username=prompt（ Please enter your name: ）
if （username != null username != ） {
setCookie（ username username ） //设置cookie
}
}
}
客户端数据存储示例的完整代码如下
lishixinzhi/Article/program/PHP/201311/21526
是一个文件，用记事本就可以打开，可以在你安装环境下的目录下面找到，例如wamp环境放在根目录下的tmp文件夹（临时内容文件夹）下。
不知阁下需要的是怎样的缓存？纯客户端？还是怎样的，以下可供参考：
一：储存于客户端的信息，页面调用时无需从服务器解析直接使用（常见的即为Cookie，还有HTML5里的localStorage，Application Cache）；
二：离线性质，即用户不在线时，也可以正常访问网页，所访问的数据即客户端储存的缓存（HTML5中的应用程序缓存，即Application Cache）；
三：客户端与服务端共同缓存的，这种方法可使已经从数据库查询的数据、已通过程序计算得到的数据存于服务器，服务器解析时直接调用，无需再处理得到，大大减轻了服务器的压力（常见的即为session，HTML5中为sessionStorage）；
四：纯服务端，同三，即将服务器已经处理好的数据暂存于服务器，需要时直接调用而无需再次处理以便提高效率和减轻服务器压力（服务器端的缓存机制非常多，网站开发者基本都会）；