欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用jQuery获取session中存储的list集合

程序员文章站 2022-03-10 08:24:12
在网上查找了很多关于jQuery获取session都不可得,如果大家有更好的方式,欢迎留言 这里是使用jQuery发送Ajax请求到后台获取session jsp中没有代码 js代码 controller代码 存储session的代码 获取session的代码 Msg.java import jav ......

在网上查找了很多关于jQuery获取session都不可得,如果大家有更好的方式,欢迎留言

这里是使用jQuery发送Ajax请求到后台获取session

jsp中没有代码

js代码

<script type="text/javascript">
//这里是一个私有方法,用来获取项目根路径,这个方法在js的最底部,有兴趣的可以查看 var basePath = getRootPath(); $(function(){
  //使页面刚加载完成就去取得session getSession(); });function getSession(){ $.ajax({ url:basePath + "/getSession", type:"GET", async:false,//false代表只有在等待ajax执行完毕后才执行 success:function(result){
       //这里在控制台将session数据打印出来 console.log(result);
       //如果要取list中具体的数据,可以点其下的内容依次取得,具体的可以看控制台打印的内容,那个层次很清晰 /* console.log(result.data); console.log(result.data.userSession); console.log(result.data.userSession[0]); */ } }); } /** * 获取项目根路径,如: http://localhost:8083/ssm-dynamic * @returns */ function getRootPath(){ //获取当前网址,如: http://localhost:8083/ssm-dynamic/jsp/jsonList.jsp var curWwwPath=window.document.location.href; //获取主机地址之后的目录,如: ssm-dynamic/jsp/jsonList.jsp var pathName=window.document.location.pathname; var pos=curWwwPath.indexOf(pathName); //获取主机地址,如: http://localhost:8080 var localhostPaht=curWwwPath.substring(0,pos); //获取带"/"的项目名,如:/ssm-dynamic var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1); return(localhostPaht+projectName); } </script>

controller代码

存储session的代码

@RequestMapping(value="/",method=RequestMethod.GET)
    public String sayHello(HttpSession session){
        List<User> users = loginService.selectAll();
        session.setAttribute("users", users);
        return "login";
    }

获取session的代码

//指定url地址,与上述的Ajax发送请求的url要一致;指定请求方式,与上述的Ajax请求的type要一致
@RequestMapping(value="/getSession",method=RequestMethod.GET)
//加@ResponseBody是为了可以返回json数据 @ResponseBody public Msg getSession(HttpSession session){
    //取得之前添加的session数据 List<User> users = (List<User>) session.getAttribute("users");
    //将session的数据放在自定义的msg类中,下面会展示该类 return Msg.success().add("userSession", users); }

Msg.java

使用jQuery获取session中存储的list集合
import java.util.HashMap;
import java.util.Map;

/**
 * 通用的返回类
 * @author ws
 *
 */
public class Msg {
    /**
     * 状态码
     * 100:成功
     * 200:失败
     */
    private int code;
    /**
     * 提示信息
     */
    private String msg;
    /**
     * 用户要返回给浏览器的数据
     */
    private Map<String, Object> data = new HashMap<String,Object>();
    
    public int getCode() {
        return code;
    }
    public void setCode(int code) {
        this.code = code;
    }
    public String getMsg() {
        return msg;
    }
    public void setMsg(String msg) {
        this.msg = msg;
    }
    public Map<String, Object> getData() {
        return data;
    }
    public void setData(Map<String, Object> data) {
        this.data = data;
    }
    
    /**
     * 处理成功
     * @return
     */
    public static Msg success(){
        Msg msg = new Msg();
        msg.setCode(100);
        msg.setMsg("处理成功");
        return msg;
    }
    
    /**
     * 处理失败
     * @return
     */
    public static Msg fail(){
        Msg msg = new Msg();
        msg.setCode(200);
        msg.setMsg("处理失败");
        return msg;
    }
    
    /**
     * 以键值对添加数据
     * @param key
     * @param value
     * @return
     */
    public Msg add(String key, Object value) {
        this.getData().put(key, value);
        return this;
    } 
}
View Code

这样,在浏览器控制台(一般按F12即可打开)就可以看到效果了

使用jQuery获取session中存储的list集合

 

至此大功告成

大家如果有可以不适用ajax的方式即可取得session,欢迎留言,共同探讨