在html页面中取得session中的值的方法


Posted in HTML / CSS onAugust 11, 2020

1.首先呢session的key-value都是存在server的,浏览器HTML页面是没有办法直接取得session中的值,只有在html里能通过js拿到jesessionid之类的东西。

1.1、数据量如果小,可以考虑放到cookie里,传到客户端,html里用js就可以拿到。
1.2、如果数据量大,可以考虑单独做一个jsp或servlet,根据传来的session的key,返回序列化的session的值,比如json之类的。html里用js通过ajax获取。这种方式复杂了点,多一次远程访问,但是灵活方便。
:<input type="text" value='<%#Session["username"]%>'>
2.或者得通过后台才能获取,session是存在服务器端的,如果你用cookie的话,可以通过js获取。

问题描述:session中保存着UserInfo对象,成功登录后,在html中显示“欢迎xxx”  

解决方法:通过ajax,json获取UserInfo数据,再显示

1.js

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
 
<script type="text/javascript">
    $(function() {
        $.ajax({
            type : "get",
            url : "login!getLoginName.action",
            dataType : "text",
            success : function(result) {
                document.getElementsByTagName('b')[0].innerHTML=result;
            },
            error : function() {
                alert("?求失??quot;);
            }
        });
    });
</script>

2.页面

<html>
<head>
<title>管理页面</title>
</head>
<body>
     <table>
            <tr>
                        <td width="74%" height="38" class="admin_txt">管理员:<b></b>您好,感谢登陆使用!</td>
 
                    </tr>
                </table>
</body>
</html>

3.实体:UserInfo

public class UserInfo {
    private int UserInfoId;
    private String userInfoName;
    private String UserInfoPsw;
    //省略get,set

4.LoginAction中:

public void getLoginName() {
        System.out.println("getLoginUser");
        HttpServletResponse response = ServletActionContext.getResponse();
        response.setContentType("text/plain;charset=UTF-8");
        PrintWriter out;
        try {
            String userName = ((UserInfo) ActionContext.getContext()
                    .getSession().get("user")).getUserInfoName();
            System.out.println(userName);
            out = response.getWriter();
            out.print(userName);
            out.flush();
            out.close();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
 
    }

3.用response.sendRedirect("a.html?param=hello");用下面的JS方法

如:

var v=getUrlParameter('param');
function getUrlParameter( name ){
name = name.replace(/[
]/,"\[").replace(/[
]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec(window.parent.location.href );
if( results == null ) return ""; else {
return results[1];

}
}

以上几种方法在html页面中取得session中的值. 

总结

到此这篇关于在html页面中取得session中的值的方法的文章就介绍到这了,更多相关html页面取得session值内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
CSS3 background-image颜色渐变的实现代码
Sep 13 HTML / CSS
纯CSS绘制漂亮的圆形图案效果
May 07 HTML / CSS
HTML5中的新元素介绍
Oct 17 HTML / CSS
html5 viewport使用方法示例详解
Dec 02 HTML / CSS
html5 canvas实现圆形时钟代码分享
Dec 25 HTML / CSS
html5小技巧之通过document.head获取head元素
Jun 04 HTML / CSS
浅谈Html5移动端ios/Android兼容性总结
Jun 01 HTML / CSS
H5最强接口之canvas实现动态图形功能
May 31 HTML / CSS
VSCode 自定义html5模板的实现
Dec 05 HTML / CSS
HTML5 背景的显示区域实现
Jul 09 HTML / CSS
奇妙的 CSS shapes(CSS图形)
Apr 05 HTML / CSS
什么是css原子化,有什么用?
Apr 24 HTML / CSS
canvas实现滑动验证的实现示例
Aug 11 #HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
Aug 10 #HTML / CSS
Html5 webview元素定位工具的实现
Aug 07 #HTML / CSS
HTML5 video循环播放多个视频的方法步骤
Aug 06 #HTML / CSS
html5 video全屏播放/自动播放的实现示例
Aug 06 #HTML / CSS
HTML5 通过Vedio标签实现视频循环播放的示例代码
Aug 05 #HTML / CSS
Html5饼图绘制实现统计图的方法
Aug 05 #HTML / CSS
You might like
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
php实现在多维数组中查找特定value的方法
2015/07/29 PHP
大家都应该掌握的PHP关联数组使用技巧
2015/12/25 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
CI框架常用函数封装实例
2016/11/21 PHP
php常用正则函数实例小结
2016/12/29 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
php二维码生成以及下载实现
2017/09/28 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
Laravel自定义 封装便捷返回Json数据格式的引用方法
2019/09/29 PHP
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
2011/07/13 Javascript
JavaScript执行效率与性能提升方案
2012/12/21 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
javascript 动态修改css样式方法汇总(四种方法)
2015/08/27 Javascript
jQuery实现多级联动下拉列表查询框
2016/01/18 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
2016/10/16 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
angularJS的radio实现单项二选一的使用方法
2018/02/28 Javascript
vue router 通过路由来实现切换头部标题功能
2019/04/24 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
sublime text 3配置使用python操作方法
2017/06/11 Python
Python实现购物车功能的方法分析
2017/11/10 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
淘宝客服自我总结鉴定
2014/01/25 职场文书
工程开工庆典邀请函
2014/02/01 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP