前端解析cookie出现多余的双引号的问题

登录界面，用户提交后，后台获取到用户名密码，然后会设置cookie，以便于前端使用，今天在修改项目记住密码的功能的时候，读取cookie，如果存在loginInfo字段说明用户在上一次点击了记住密码的功能，那么就会解析loginInfo的值来动态填充input输入框，写程序几行代码搞定了，但是测试的时候发现有一个账户在读取cookie的时候总会对一个双引号" ",找了半天也没找到原因，而线上已发布的版本却没有这个问题，找了好久才发现在这个出问题的账户密码出现了！@#这三个特殊符号：

　　document.cookie=> "loginInfo="admin123/admin!@#" " 这种解析的cookie  ，等于号后边会先用一个字符串包裹，不含上面！@#的账户解析出来是这样的:

    　document.cookie=> "loginInfo=ceshi01/ceshi000000" , 可以发现正常显示应该是这样key=value，而不是key=“value”;

　　后来阅读资料发现：

　　cookie是分两个版本一个是version 0，这个版本是被所有浏览器所接受的，另一个是version 1，关键区别是version 1的cookie内容可以放些特殊的字符，例如：空格，方括号，圆括号，等于号（=），逗号，双引号，斜杠，问号，@符号，冒号，分号。

       version 0不行.

       tomcat6.0.16的cookie内容不能用双引号包含，tomcat6.0.18存放cookie内容可以用双引号包含，这样的好处就是避 免了取含有特殊字符的值时，取出来的值是不完整的，cookie内容带有=符号时,就是发生取值不完整的情况!

       这也就说明为何！@#的账号会出现双引号，线上版本正常，本地的环境下就会出现错误，因为线上的tomcat和本地的不一样，线上是不会携带""。

解决办法：

后台设置cookie的时候encode，对账号密码进行编码，可以将 ！@#这些字符转换成编码形式%21 %40 %23，前端读取的时候在解码将%21%40%23解析为！@#。

　 前端解码decodeURI,decodeURIComponent ，但是使用中decodeURI（）无法解析@#这两个符号，因为：encodeURI() 函数是不会对这几个符号转义的：;/?:@&=+$,#；

所以用decodeURIComponent就解决了双引号的问题。