js设置cookie的简单方法

JavaScript010

js设置cookie的简单方法,第1张

一,js设置cookie的用处

php可以设置cookie的,用js来设置cookie有什么好处呢?在前端进行操作时,有的时候要传很多参数,这个时候,我们可以把这些参数拼接到url后面进行传值,那边在接收参数,不过这样挺麻烦的,如果把这些数据放到cookie里面,就开发者的开发效率来说,我想会高一些,以淘宝为例,他有一级分类,二级分类,三级,四级,我们找商品的时候,可能会牵扯到很多条件,如果把这些条件都放到cookie里面,我感觉就方便多了,不知道淘宝是不是这样的。淘宝的url是加了密的,并且好长,有可能是根在url的后面。费话不多说看一个小例子。

二,js实例

调用一下上面方法:

setCookie("test","tank",1800) //设置cookie的值,生存时间半个小时

alert(getCookie('test')) //取得cookie的值,显示tank

clearCookie("test") //删除cookie的值

alert(getCookie('test')) //test对应的cookie值为空,显示为false.就是getCookie最后返的false值。

JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。

而cookie是运行在客户端的,所以可以用JS来设置cookie.

JS设置cookie:

document.cookie="name="+username

JS读取cookie:

假设cookie中存储的内容为:name=jackpassword=123

则在B页面中获取变量username的值的JS代码如下:

var username=document.cookie.split("")[0].split("=")[1]

需要注意的是:

一般的Web应用都是把Cookie和Session结合起来使用的,通过两者的结合来唯一验证和标识一个客户端到服务端的连接信息

关于Cookie的详细介绍可以参考百度百科:

http://baike.baidu.com/subview/835/5062332.htm [Cookie]

http://baike.baidu.com/view/25258.htm [Session]

一个是server端处理,一个是client端处理,php要处理cookie是首先request请求过来的时候把cookie传递过去,然后处理完毕用response返回回去回写本地,而js处理是直接对本地的cookie进行操作。由于在服务端,我可以对cookie的key和value进行加密,但是如果客户端进行加密,其实加密的算法什么就完全暴露出来了,因为客户端代码用户是完全可以获取到的,但是很多时候前端渲染必须要用到客户端的cookie,that's all!