Html获取登陆用户名的示例代码-CFANZ编程社区

本文主要介绍了Html获取登陆用户名的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

最近学习ajax技术，前端改成了HTML静态网页来编写，那如何获取登陆的用户名呢？大家首先想到的肯定是利用Cookie和Session，在JSP页面这样做可以，但是静态HTML页面就不行了。

首先Cookie和session是什么呢？
首先大家都知道，HTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接。这就意味着服务器无法从连接上跟踪会话。这时候就出现了cookie会话跟踪技术。
给客户端们颁发一个通行证吧，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是Cookie的工作原理，是存储在客户端上的。
Session是服务器端使用的一种记录客户端状态的机制,相当于在服务器端建立一份用户档案表，只需要在档案表中进行查询，判断与当前客户是否匹配。Session也是一种key-value的属性对，通过getAttribute(Stringkey)和setAttribute(String key，Object value)方法读写客户状态信息。Servlet里通过request.getSession()方法获取该客户的Session。

HTML获取登陆用户名
session是JSP的九大内置对象之一。对于HTML不太友好，那静态资源如何获取呢？一是建立一个过渡的Servlet，保存用户session，进行获取。第二个是通过后台把路径+用户名进行拼接通过ajax传到前台，前台获取url对其进行操作。

第一步：把URL路径传到需要的页面

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22	`$.ajax({` `url:` `'/login',` `data: {` `username: username,` `password: password` `},` `type:` `'GET',` `success:` `function` `(result) {` `if` `(result.code === 0) {` `if(val == num){` `layer.msg("登录成功",` `function` `() {` `window.location.href =` `"index1.html?"+$("#username").val()+"";` `})` `}else{` `layer.msg('验证码错误')` `}` `}` `else` `{` `layer.msg("登录失败，"` `+ result.msg, {icon: 2})` `}` `}` `})` `}`

重要的是 window.location.href = "index.html?"+$("#username").val()+"";这一句，其中$("#username").val()获取用户名的值，username为用户名的id.

第二步，在index.html对路径进行获取和操作。

先定义一个接收用户名的id

1	`<p` `id` `=` `"name"></p>`

再通过JS进行获取

1 2 3 4 5 6 7	`<script type="text/javascript">` `var` `url = location.href;` `//alert(url);` `var` `num =url.indexOf("?");` `var` `str = url.substr(num+1);` `$("#name").html("欢迎"` `+str);` `</script>`

在最后不要忘了添加

1	`<script type="text/javascript"` `src="./layui/js/jquery.min.js"></script><font face="Tah`