html页面获取session的数据

最新推荐文章于 2022-12-18 22:23:28 发布
最新推荐文章于 2022-12-18 22:23:28 发布
阅读量1.8w 收藏 30
点赞数 7
文章标签： html获取session数据 session
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lgf15279707407/article/details/96438253
版权

今天有个任务，页面加个访问总次数和在线人数功能

果断用session判断，显示的时候发现session值对html页面不友好；

百度完了，再demo上测试了一下发现可行：

上代码：

controller里面：

@Controller
public class PageController {
    @RequestMapping("/session")
    public String session(HttpSession session){
        session.setAttribute("value",111);
        return "login";
    }
}

html页面：

<body style="background-image: url(img/bg1.jpg)">

        <label th:text="${session.value}"></label>
      ...
</body>

html打头要加这个

<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

引入thymeleaf, pom记得引入相应依赖

rs:

在这里插入图片描述

eather_liang
关注
  • 7
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
深入Memcache的Session数据的多服务器共享详解
12-19
一相关介绍1.memcache + memcache的多服务器数据共享的介绍，请参见http://www.guigui8.com/index.php/archives/206.html2.session机制：session机制是一种服务器端的机制，服务器使用一种类似于散列表的结构（也可能就是使用散列表）来保存信息。当程序需要为某个客户端的请求创建一个session的时候，服务器首先检查这个客户端的请求里是否已包含了一个session标识- 称为sessionid，如果已包含一个sessionid则说明以前已经为此客户端创建过session，服务器就按照sessionid把这个session检索
HTML5高级程序设计.part3
12-08
由于上传文件大小限制，只能分为5部分上传，其余部分请在我的资源中找到，下载后共同解压 内容简介 　　今天，大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能，是每一位Web设计和开发人员的当务之急。 　　本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造，为读者清晰解读了HTML5规范的缘由、发展和现状，全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新特性构建先进的Web应用，并以大量的示例涵盖全部HTML5 API。此外，还介绍了当今浏览器对HTML5特性的支持情况。 作者简介 　　Peter Lubbers Kaazing文档培训主管，旧金山HTML5用户组创建人。作为HTML5和WebSocket的狂热爱好者，Peter常常在国际大会上发言，还在全球范围内开展HTML5的技术培训。在加盟Kaazing前，Peter在Oracle担任了近十年的资深信息架构师，获得过两项软件专利。 　　Brian Albers Kaazing研发中心副总裁。他有数十年的Web开发经验，曾在Oracle担任高级开发经理。Brian是一位讲演常客，经常在Web 2.0博览会、AJAXWorld博览会和Web JavaOne等国际性会议上做讲演。 　　Frank Salim Kaazing的元老级工程师，曾参与过WebSocket网关和客户端策略项目。他毕业于波莫纳学院计算机专业，除了编程之外，还喜欢阅读、绘画和轮滑。 目录 第1章 HTML5概述 1 1.1 HTML5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发HTML5 3 1.4 新的认识 3 1.4.1 兼容性和存在即合理 3 1.4.2 效率和用户优先 4 1.4.3 化繁为简 4 1.4.4 通用访问 5 1.5 无插件范式 5 1.6 HTML5的新功能 8 1.6.1 新的DOCTYPE和字符集 8 1.6.2 新元素和旧元素 9 1.6.3 语义化标记 9 1.6.4 使用Selectors API简化选取操作 15 1.6.5 JavaScript日志和调试 18 1.6.6 window.JSON 19 1.6.7 DOM Level 3 19 1.6.8 Monkeys、Squirrelfish和其他JavaScript引擎 19 1.7 小结 20 第2章 Canvas API 22 2.1 HTML5 Canvas概述 22 2.1.1 历史 22 2.1.2 canvas是什么 23 2.1.3 canvas坐标 23 2.1.4 什么情况下不用canvas 24 2.1.5 替代内容 24 2.1.6 CSS和canvas 24 2.1.7 浏览器对HTML5 Canvas的支持 25 2.2 使用HTML5 Canvas API 25 2.2.1 检测浏览器支持情况 25 2.2.2 在页面中加入canvas 26 2.2.3 变换 28 2.2.4 路径 30 2.2.5 描边样式 32 2.2.6 填充样式 33 2.2.7 填充矩形区域 34 2.2.8 绘制曲线 35 2.2.9 在canvas中插入图片 36 2.2.10 渐变 37 2.2.11 背景图 39 2.2.12 缩放canvas对象 41 2.2.13 Canvas变换 42 2.2.14 Canvas文本 43 2.2.15 应用阴影 45 2.2.16 像素数据 46 2.2.17 Canvas的安全机制 48 2.3 使用HTML5 Canvas创建应用 48 2.4 小结 52 第3章 音频和视频 53 3.1 HTML5 Audio和Video概述 53 3.1.1 视频容器 53 3.1.2 音频和视频编解码器 54 3.1.3 HTML5 Audio和Video的限制 55 3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 3.3 小结 70 第4章 Geolocation API 72 4.1 位置信息 72 4.1.1 纬度和经度坐标 73 4.1.2 位置信息从何而来 73 4.1.3 IP地址地理定位数据 74 4.1.4 GPS地理定位数据 74 4.1.5 Wi-Fi地理定位数据 74 4.1.6 手机地理定位数据 75 4.1.7 用户自定义的地理定位数据 75 4.2 HTML5 Geolocation的浏览器支持情况 75 4.3 隐私 76 4.3.1 触发隐私保护机制 77 4.3.2 处理位置信息 78 4.4 使用HTML5 Geolocation API 78 4.4.1 浏览器支持性检查 78 4.4.2 位置请求 79 4.5 使用HTML5 Geolocation构建实时应用 83 4.5.1 编写HTML显示代码 84 4.5.2 处理Geolocation数据 85 4.5.3 最终代码 88 4.6 进阶功能 90 4.6.1 现在的状态是什么 91 4.6.2 在Goolge Map上显示“我在这里” 92 4.7 小结 93 第5章 Communication API 94 5.1 跨文档消息通信 94 5.1.1 理解源安全 96 5.1.2 跨文档消息通信的浏览器支持情况 97 5.1.3 使用postMessage API 97 5.1.4 使用postMessage API创建应用 98 5.2 XMLHttpRequest Level 2 103 5.2.1 跨源XMLHttpRequest 104 5.2.2 进度事件 105 5.2.3 XMLHttpRequest Level 2的浏览器支持情况 106 5.2.4 使用XMLHttpRequest API 106 5.2.5 创建XMLHttpRequest应用 107 5.3 进阶功能 111 5.3.1 结构化的数据 111 5.3.2 Framebusting 111 5.4 小结 112 第6章 WebSockets API 113 6.1 HTML5 WebSockets概述 113 6.1.1 实时和HTTP 113 6.1.2 解读HTML5 WebSockets 115 6.2 HTML5 WebSockets的浏览器支持情况 120 6.3 编写简单的Echo WebSocket服务器 120 6.4 使用HTML5 WebSockets API 126 6.4.1 浏览器支持情况检测 126 6.4.2 API的基本用法 127 6.5 创建HTML5 WebSockets应用程序 130 6.5.1 编写HTML文件 131 6.5.2 添加WebSocket代码 133 6.5.3 添加Geolocation代码 133 6.5.4 合并所有内容 134 6.5.5 最终代码 136 6.6 小结 138 第7章 Forms API 139 7.1 HTML5 Forms概述 139 7.1.1 HTML Forms与XForms 139 7.1.2 功能性表单 140 7.1.3 HTML5 Forms的浏览器支持情况 140 7.1.4 输入型控件目录 141 7.2 使用HTML5 Forms API 144 7.2.1 新的表单特性和函数 144 7.2.2 表单验证 147 7.2.3 验证反馈 151 7.3 构建HTML5 Forms应用 152 7.4 小结 157 第8章 Web Workers API 158 8.1 HTML5 Web Workers的浏览器支持情况 158 8.2 使用HTML5 Web Workers API 159 8.2.1 浏览器支持性检查 159 8.2.2 创建HTML5 Web Workers 160 8.2.3 多个JavaScript文件的加载与执行 160 8.2.4 与HTML5 Web Workers通信 160 8.3 编写主页 161 8.3.1 处理错误 161 8.3.2 HTML5 Web Workers 162 8.3.3 HTML5 Web Workers的嵌套使用 162 8.3.4 使用定时器 163 8.3.5 示例代码 163 8.4 构建HTML5 Web Workers应用 164 8.4.1 编写blur.js辅助脚本 165 8.4.2 编写blur.html应用页面 166 8.4.3 编写blurWorker.js 167 8.4.4 与Web Worker通信 168 8.4.5 运行程序 169 8.4.6 示例代码 170 8.5 小结 174 第9章 Web Storage API 175 9.1 HTML5 Web Storage概述 175 9.2 HTML5 Web Storage的浏览器支持情况 176 9.3 使用HTML5 Web Storage API 176 9.3.1 检查浏览器的支持性 176 9.3.2 设置和获取数据 178 9.3.3 封堵数据泄漏 179 9.3.4 localStorage与session-Storage 180 9.3.5 Web Storage API的其他特性和函数 180 9.3.6 更新Web Storage后的通信 182 9.3.7 探索Web Storage 183 9.4 构建HTML5 Web Storage应用 184 9.5 浏览器数据库存储展望 195 9.6 进阶功能 197 9.6.1 JSON对象的存储 198 9.6.2 共享窗口 198 9.7 小结 200 第10章 构建离线Web应用 201 10.1 HTML5离线Web应用概述 201 10.2 使用HTML5离线Web应用API 203 10.2.1 检查浏览器的支持情况 203 10.2.2 搭建简单的离线应用程序 203 10.2.3 支持离线行为 204 10.2.4 manifest文件 204 10.2.5 applicationCache API 205 10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为Update按钮添加处理函数 211 10.3.6 添加Geolocation跟踪代码 211 10.3.7 添加Storage功能代码 212 10.3.8 添加离线事件处理程序 212 10.4 小结 213 第11章 HTML5未来展望 214 11.1 HTML5的浏览器支持情况 214 11.2 HTML未来的发展 214 11.2.1 WebGL 215 11.2.2 设备 217 11.2.3 音频数据API 217 11.2.4 视频元素改进 218 11.2.5 触摸屏设备事件 218 11.2.6 P2P网络 220 11.2.7 最终方向 221 11.3 小结 221
在html页面中取得session中的值的方法
01-19
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[u
HTML5 使用 sessionStorage 进行页面传值的方法
12-14
HTML5 提供的本地存储功能，使得web应用可以将数据存储在用户的本地浏览器。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。 在客户端存储的方法有两种： 1. localStorage: 没有时间限制的存储，而且容量大，至少5M大小；所有相同域名的页面都可以存储和获取相同的数据。 2. sessionStorage: 针对一个session的数据存储，该tab关掉就会消失。 目前大部分浏览器都已经很好地支持了 HTML5 ，但了为安全，使用前还是应该做客户端检测： if (typeof(Storage)
获取 HttpServletRequest 所有参数,获取所有Httpsession中参数
fengbin2005的专栏
04-29 3883
/** * 解析第三方返回值 * * @param request * 请求 * @return map */ private Map analyseCallbackRequest(HttpServletRequest request) { Map map = ne...
SpringMVC之如何在html页面获取Session中保存的信息
m0_63378258的博客
12-18 2678
前后端分离的场景下，在html页面获取Session中的信息，实现保存用户登录信息，如当前用户：admin
Html/Js获取session
weixin_55945754的博客
01-22 3049
Html/Js获取session在script中获取sessionjsp代码Servlet代码效果： 在script中获取session 在这里我记录一下，在html或者jsp中，怎样在script标签中获取session。如果有不对的地方，可以在评论区留言。 jsp代码 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html>
Thymeleaf+SpringMVC，在html中获取数据session、request参数的值
热门推荐
zhengxiangwen的专栏
03-30 2万+
Request参数 假设请求的url为:/user/get?id=12 1、访问参数id可以使用param前缀，例如：${param.id!=null}检查是否有参数id； 2、参数是一个数组，因为它可以多值比如?id=a&name=test，所以可以采用下标的方式访问，例如： 11 3、还有一种访问方式是使用#httpServletRequest对象，可以直接进入javax.ser
html页面获取session_Django 知识库：Session会话
weixin_39825722的博客
01-07 444
浏览器和 Django 服务之间的通信采用 HTTP 协议，该协议是无状态的。也就是说即使是同一个浏览器的上一次请求和下一次请求是完全独立的，服务器并不知道两次请求是否来自同一个用户。会话（Session）就是来解决这类问题的。Session 为每个浏览器存储任意数据，并在浏览器连接时，将该数据提供给站点。Session 依赖 Cookie ，但 Cookie 中仅保存一个识别值，真正的数据是保存...
html页面获取session中的值
jq1223的博客
01-11 6780
1.thymeleaf模板中 首先在html标签引入thymeleaf的标签库 <html xmlns:th="http://www.thymeleaf.org"> 2.然后从标签获取对应的值 <span th:text="${session.user.name}"></span> 3.后台代码 @RequestMapping("login") public ResultObj login(String loginname, String pwd, HttpSes
asp.net线程批量导入数据时通过ajax获取执行状态
01-20
通过线程执行导入，并把正在执行的状态存入session，既共享执行状态，通过ajax调用session里的执行状态，从而实现反馈导入状态的功能！ 上代码： 前端页面 <!DOCTYPE html> <html lang=en> <head> ...
HTML5高级程序设计
05-24
9.3.2 设置和获取数据 178 9.3.3 封堵数据泄漏 179 9.3.4 localstorage与session-storage 180 9.3.5 web storage api的其他特性和函数 180 9.3.6 更新web storage后的通信 182 9.3.7 探索web storage 183 9.4 ...
HTML5高级程序设计.part4
12-08
9.3.2 设置和获取数据 178 9.3.3 封堵数据泄漏 179 9.3.4 localStorage与session-Storage 180 9.3.5 Web Storage API的其他特性和函数 180 9.3.6 更新Web Storage后的通信 182 9.3.7 探索Web Storage 183 9.4 ...
Python课程设计 课设 手写数字识别卷积神经网络源码+文档说明.zip
04-24
高分设计源码，详情请查看资源内容中使用说明 高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明高分设计源码，详情请查看资源内容中使用说明
SpringBoot2.0快速开发框架权限.rar
04-24
SpringBoot2.0快速开发框架权限.rarSpringBoot2.0快速开发框架权限.rarSpringBoot2.0快速开发框架权限.rar
大语言模型的微调和推理baichuan7B, chatglm2-6B, Qwen-7B-chat源码.zip
04-24
详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；
基于Qt与STM32平台开发的汽车车机系统上位机
04-24
基于Qt开发的汽车车机系统上位机 & 常见类型汽车传感器信号模拟发生器 任务和要求： 任务： 根据发动机测控系统信号需求，设计一套发动机信号模拟器人机交互系统，能够根据需要向下位机输出控制信号，使其输出发动机测控系统需要的传感器模拟信号，给发动机测控系统的开发提供方便。 要求： 1.设计应包含上位机与下位机的交互程序及人机交互界面的设计，与下位机设计相结合，使其能够实现全部类型发动机传感器信号的模拟输出及显示。 2.设计中需要采用模块化开发程序。 3.所设计的人机交互界面简洁合理。 4.应考虑所设计系统的实用性。 具体工作内容: 1.根据设计目标，查阅相关设计标准和设计方法资料，对发动机信号模拟器设计中的关键工程原理和工程方法进行提炼，并围绕关键问题进行国内外设计现状调研，开展分析、评价与总结，确定主要研究内容，制定设计技术路线，制定设计计划(周进度)，撰写开题报告，并进行开题答辩，开题报告参考文献应不少于15篇(其中外文文献不少于 4 篇，近五年文献不少于三分之一)。 2.根据设计要求和技术指标，进行满足功能原理需求的多方案拟定，考虑安全、 标准等多因素进行技术性与经济性评价
实验-三、数据库安全性(目的、要求和模板).doc
04-24
实验-三、数据库安全性(目的、要求和模板).doc
毕设绝技 - 4天玩乐完成商城系统完整资料day02
最新发布
04-24
文件为第二天视频教程 在毕业设计的挑战中，有时我们需要以极短的时间完成一个相对复杂的项目，比如一个商城系统。虽然时间紧迫，但只要我们合理规划、高效执行，完全有可能在4天内完成一个基础且功能完备的商城系统。 商城系统，也被称为网上商城系统或Online Mall system，是一种功能完善的网上销售系统。该系统主要包括产品发布、在线订购、在线支付、在线客服等功能模块，旨在为企业或个人提供一个在线销售平台，实现商品的展示、交易和客户服务。 商城系统具有多种核心功能，如商品管理、订单管理、用户管理和营销管理。商品管理功能支持商品的添加、编辑、删除、分类和搜索，满足商家对商品信息的全面管理需求。订单管理功能则涵盖订单的生成、支付、发货、退款和评价等环节，确保交易流程的顺畅进行。用户管理功能包括用户的注册、登录、个人信息管理和收货地址管理等，提升用户体验。而营销管理功能则通过促销活动的设置、优惠券的发放和积分兑换等手段，帮助商家提升销售业绩。 商城系统的特点主要体现在功能性、易用性和安全性上。商城系统注重功能性的开发，每个功能都有其发挥作用的地方，满足商家的实际需求。
java vue框架 html页面获取session中的数据完整版
05-03
在Java中，可以使用以下代码将数据存储在session中： ```java HttpSession session = request.getSession(); session.setAttribute("key", value); ``` 其中，"key"是存储在session中的键，value是存储在session中的值。 在Vue框架中，可以使用以下代码从session中获取数据： ```javascript //使用axios库进行ajax请求 axios.get('/getData').then(function(response){ //获取session中的数据 var data = response.data; //使用获取到的数据进行操作 //... }) ``` 在HTML页面中，可以使用以下代码从session中获取数据： ```html <script> //获取session中的数据 var data = '<%= session.getAttribute("key") %>'; //使用获取到的数据进行操作 //... </script> ``` 其中，"key"是存储在session中的键。注意，在HTML页面中使用JSP表达式获取session中的数据时，需要确保该页面被服务器端渲染，否则JSP表达式将不会被解析。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值