Html获取登陆用户名的示例代码
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
最近学习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路径传到需要的页面
$.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
<p id = "name"></p>
再通过JS进行获取
<script type="text/javascript">
var url = location.href;
//alert(url);
var num =url.indexOf("?");
var str = url.substr(num+1);
$("#name").html("欢迎" +str);
</script>
在最后不要忘了添加
<script type="text/javascript" src="./layui/js/jquery.min.js"></script>
到此这篇关于Html获取登陆用户名的示例代码的文章就介绍到这了,更多相关Html获取登陆用户名内容请搜索程序员之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持程序员之家！
相关文章
本文主要介绍了HTML静态页面获取url参数和UserAgent的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一2022-08-02- 本文主要介绍了html中两种获取标签内的值的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习2022-06-09
- 这篇文章主要介绍了HTML使用相对路径获取各级目录下文件,需要的朋友可以参考下2018-09-06
html form表单input使用disabled后提交不能获取表单值的解决方法
这篇文章主要介绍了html form表单input使用disabled后提交不能获取表单值的解决方法,需要的朋友可以参考下2018-07-18- 这篇主要介绍HTML带表情的评论框，表情通过Json数据加载，可以根据自己的喜好改变表情。本评论框代码为HTML，CSS，JQ三个方面的代码，html的代码还是比较简单的，大家可以2014-11-05
- 这篇文章主要介绍了html中radio值的获取、赋值及注册事件，非常适合新手朋友，喜欢html的朋友不要错过了哈2014-05-13
html设置字体颜色的方法和使用ps获取html准确字体颜色的方法
这里为大家介绍三种字体颜色设置包括HTML字体、CSS文字颜色、css超链接字体颜色,同时介绍了使用PS获取准确的颜色值方法。大家平时可以灵活扩展使用对字体、对背景设置颜色2014-05-06- 获取本地系统时间的方法有很多，接下来为大家介绍喜爱使用js获取的具体实现，感兴趣的可以参考下2013-11-21
最新评论