在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 相关文章推荐
使用HTML和CSS3绘制基本卡通图案的示例分享
Nov 06 HTML / CSS
CSS3为背景图设置遮罩并解决遮罩样式继承问题
Jun 22 HTML / CSS
纯CSS3+DIV实现小三角形边框效果的示例代码
Aug 03 HTML / CSS
canvas画布实现手写签名效果的示例代码
Apr 23 HTML / CSS
HTML5图片预览实例分享
Jun 04 HTML / CSS
html5 更新图片颜色示例代码
Jul 29 HTML / CSS
教你使用Canvas处理图片的方法
Nov 28 HTML / CSS
HTML5自定义视频播放器源码
Jan 06 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
Apr 14 HTML / CSS
HTML5 canvas实现的静态循环滚动播放弹幕
Jan 05 HTML / CSS
HTML5页面音频自动播放的实现方式
Jun 21 HTML / CSS
CSS实现鼠标悬浮动画特效
May 07 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
虫族 Zerg 历史背景
2020/03/14 星际争霸
菜鸟修复电子管记
2021/03/02 无线电
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
浅析js中的浮点型运算问题
2014/01/06 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
js字符串完全替换函数分享
2014/12/03 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
JS实现光滑展开合拢的菜单效果代码
2015/09/16 Javascript
作为老司机使用 React 总结的 11 个经验教训
2017/04/08 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
vue elementui form表单验证的实现
2018/11/11 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
Vue v-model组件封装(类似弹窗组件)
2020/01/08 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
[37:37]DAC2018 4.4 淘汰赛 Optic vs Mineski 第二场
2018/04/05 DOTA
Python正则表达式经典入门教程
2017/05/22 Python
利用Python查看目录中的文件示例详解
2017/08/28 Python
python merge、concat合并数据集的实例讲解
2018/04/12 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
Python制作动态字符图的实例
2019/01/27 Python
Python线程障碍对象Barrier原理详解
2019/12/02 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
电气工程及其自动化自我评价四篇
2013/09/24 职场文书
临床医学大学生求职信
2013/09/28 职场文书
网络工程师专家职业发展路线
2014/02/14 职场文书
领导干部对照检查材料
2014/08/24 职场文书
优秀家长自荐材料
2014/08/26 职场文书
三严三实对照检查材料
2014/09/22 职场文书
mysql数据库入门第一步之创建表
2021/05/14 MySQL