一饼干的优化

1.1 一般而言，我们设置甜饼干是在服务器端编程语言(专业超文本预处理器的缩写)中设置

例如：

？phpsetbookie(' testkey 1 '，' hello world '，0，'/')；//# 当过期时间=0时，此饼干随浏览器关闭而失效，而在验证的时候，我们通常是：

？phpif(isset($ _ COOKIE[' TestKey 2 ']))回显"新COOKIE是： testKey2=" .$ _ COOKIE[' TestKey 2 ']；否则回应"新COOKIE设置失败";都是在服务端进行。优化：

1.2 在前端页面进行验证甜饼干

甜饼干保存在客户端，那么可以在客户端那边进行验证，根据上面的代码，前端获取代码为：

脚本语言=' JavaScript ' type=' text/JavaScript ' var key 1=document。饼干。匹配(新regexp('(^| )testkey1=([^；]*)(;|$)'));//正则找出testKey的甜饼干值请尝试{ if(key1[2]！=' ')文档。write(' test key 1=' key 1[2])；}捕获(e){文档。写入(' test key 1=NULL ')；};那么我们能否在前端设置甜饼干呢？

1.3 在前端页面设置【饼干】购物车原理】

函数setCookie(){ var expire=new Date()；过期。设置时间(过期。GetTime)(86400000)；document.cookie=' testKey2=这是第二个Cookieexpires=' expire。togtstring()'；路径=/';警报('完成设置');location.href='test2.php'}这样子能够减轻服务器的压力

我们要注意，这样子是有限制的，浏览器本身能够存储的数据有限：

上述是从网上找来，仅供参考，如果我们要存储更多的数据。可以使用：

1.4本地存储

在谷歌浏览器下，f12可以看到：

这个可以看成是浏览器的小型数据库，可以存储更多的数据。

示例【购物车小试】:

设置页面：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8/title demo 2/title脚本语言=' JavaScript ' type=' text/JavaScript ' var cart ls name=' ABC '；//gdsInfo=[ID，NAME，AVATAR，PRICE，NUMBER]函数addToLS(gdsInfo){ if(！window.localStorage){ alert('您的浏览器不支持本地存储!');//如果不支持，可以采用第1.3中的方法返回false}尝试{ if(gdsInfo.length！=5){ alert('参数错误!');返回false} }catch(e){alert('参数错误!');返回false } var gName=gdsInfo[1]；gdsInfo[1]=encodeURI(gdsInfo[1])；gdsInfo[4]=parsent(gdsInfo[4])；if(isNaN(gdsInfo[4])gdsInfo[4]=1；//由JSON字符串转换为JSON对象var cart ls=JSON。解析(本地存储。getitem(cart ls name))；if(CartLs==null){ CartLs=[gdsInfo]；} else { var existincont=false for(var I=0；icartls . lengthi){ if(cart ls[I][0]==gdsInfo[0]){ cart ls[I][4]=gdsInfo[4]；existInCart=true打破；} } if(！存在于)车轮中。拼接(0，0，gdsInfo)；} //将JSON对象转化为JSON字符，并存入本地存储本地存储。setitem(carts名称，JSON。瘦长的(手推车))；返回真；}/script/head dya href=' JavaScript : addtols([3，]华为Mate8 '，' ico.jpg '，3888.00，2])；rel='外部' nofollow '存储一/ABR///body/html效果：

有设置，就有查看：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title show local storage Info/title脚本语言=' JavaScript ' type=' text/JavaScript ' if(！window.localStorage){ alert('您的浏览器不支持本地存储!');} var cartLSName=' abcvar cart str=本地存储。getitem(cart ls name)//gdsInfo=[ID，Name，AVATAR，PRICE，NUMBER]函数show str(){ str=decodeURIComponent(cart str)；警报；document.getElementById('show ').innerHTML=str}函数show info(){ var cart ls=JSON。解析(CartStr)；if(CartLS==NULL){ alert(NULL)；} else { var str=for(var I=0；icartls . LengTii){ str=' id : ' CartLS[I][0]' n '；str=' Name : ' carts[I][1]' n '；str=' Logo : ' CartLS[I][2]' n '；str=' Price : ' carts[I][3]' n '；str=' Num : ' CartLS[I][4]' n '；} str=decodeURIComponent(str)；警报；document.getElementById('show ').innerHTML=str.replace(/n/g，' br/')；} }函数clearLS(){本地存储。clear()；}/script/head dya href=' JavaScript : shout str()；rel='外部' nofollow '以字符串形式显示/ABR/a href=' JAVAScript : shawnfo()；rel='外部' nofollow '显示详细/ABR/a href=' JAVAScript : clearls()；rel='外部' nofollow '清空/abr /a href=' ./' rel='external nofollow '返回设置页面/ABR/div id=' show '/div/body/html效果：

以字符串形式显示

显示详细

以上这篇甜饼干的优化与购物车实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。