背景
开始实习生涯，今天遇到一个小需求，由于公司项目进行了前后端分离，后端程序员无法通过前端页面进行调试，后端接口只能通过postman等工具进行调试
问题
碰到一个需要将pdf在线展示的需求，这个postman就无法调试了，只能通过浏览器进行调试。
解决方式
后台中由于进行了cookie和session的登录验证，因此这就需要在浏览器中手动修改增加或者修改cookie的值，查了一些资料，chrome浏览器中可以通过console窗口进行cookie值得设置
在console窗口中输入如下代码刷新页面即可搞定
document.cookie="keyName=cookeiValue"；
之后刷新页面。
由于是内网开发，无法截图，只能文字总结。

1 用户登录成功后在放入session后，向用户的浏览器cookie中插入用户数据
  //将用户信息放入session中
session.setAttribute("user", select_user);
//将用户信息通过response写入cookie
//cookie 路径会默认使用mvc或者jsp所配置的项目路径作为cookie的存储文件夹
//每次在修改浏览器的cookie之后，1、重新设置过期时间，2、设置后cookie覆盖掉
String encode  = "";
try {
encode = URLEncoder.encode(select_user.getYh_nch(), "utf-8");
} catch (UnsupportedEncodingException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
Cookie cookie = new Cookie("yh_nch", encode);

cookie.setMaxAge(60*60);
response.addCookie(cookie);

}
A 下次用户访问index方法时，从客户端获取用户数据，转发给首页jsp
  Cookie[] cookies = request.getCookies();
//声明边量
String yh_nch = "";
for (int i = 0; i < cookies.length; i++) {

//获取cookie
if(cookies[i].getName().equals("yh_nch")) {
yh_nch = cookies[i].getValue();
}
}
//中文解码，更换编码格式
String decode = URLDecoder.decode(yh_nch, "utf-8");
map.put("yh_nch", decode);
   B 在首页的页面上用js获得浏览器cookie，再从cookie中取得用户数据，显示在首页jsp
 
  $(function(){
var yh_nch = get_my_cookie_value("yh_nch");
yh_nch = decodeURIComponent(yh_nch);  //中文解码，浏览器支持
$("#header").text(yh_nch);
})

function get_my_cookie_value(key){
var val = "";
//获取一个cookie字符串属性
//该属性是一个可读可写的字符串，可使用该属性对当前文档的 cookie 进行读取、
//创建、修改和删除操作。
var cookies =  document.cookie;
//空格替换为空字符串-- /\s/--是正则表达式空格的意思
cookies.replace(/\s/,"");
//；进行分割，获得数组   ---因为获得的字符串属性，多个cookie键值对  中间有“ ；”的形式
var cookie_array = cookies.split(";");
for (i=0;i<cookie_array.length;i++){
//对“=”进行分割
var cookie_kv = cookie_array[i].split("=");
//获取值
if(cookie_kv[0]=="yh_nch"){
val = cookie_kv[1];
}
}

return val;
}

目录

介绍

读取cookie

使用方法获取cookie中的某一参数

设置 cookie

修改cookie

介绍

document.cookie 中可以设置多个参数，调用的时候用如下的方法获取

 

读取cookie

// 读取cookie   
function getCookie(c_name) {
    if (document.cookie.length > 0)     {
        c_start = document.cookie.indexOf(c_name + "=")           
        if (c_start != -1){ 
            c_start = c_start + c_name.length + 1 
            c_end = document.cookie.indexOf(";", c_start) 
            if (c_end == -1)   
                c_end = document.cookie.length   
                return unescape(document.cookie.substring(c_start, c_end))   
            } 
        } 
    return "" 
}

使用方法获取cookie中的某一参数

var data1 =  getCookie("token");



设置 cookie

 document.cookie = "tonke=98565158671";

修改cookie

 document.cookie = "tonke=11111111111";

一般涉及到用户登录退出的系统是需要用这个的，不用考虑刷新页面的问题了。

 

ok

 

 

浏览器中在调试模拟请求时，如果需要写入cookie，则可以F12进入console添加或修改调试请求的cookie值，设置方式如下
document.Cookie = 'ID=6B085AE9EBF64D90BBD31CDEA2E5E39A;domain=.sszapp.com;path=/;expires=Thu, 31 Dec 2015 12:00:00 UTC'
修改cookie域，到期时间