当前位置:首页 > 常见问题 > 正文内容

如何在html上面获取登陆用户名代码,html获取登陆用户名方法有哪些方法?

2023-03-18常见问题1637

自从你的鱼小编踏入金融行业后关于技术相关软文很少分享给大家了,今天你的鱼小编分享一篇 如何在html上面获取登陆用户名代码,html获取登陆用户名方法有哪些方法

提到如何在html上面获取登陆用户名代码,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="Tahoma"><span style="white-space: normal;"> </span></font>

以上是如何在html上面获取登陆用户名代码,html获取登陆用户名方法有哪些方法?全文,如觉得本站内容不错记得收藏起来方便下次查阅。你的鱼社交博客支持个人和商家免费投稿,投稿邮箱nideyu#vip.qq.com,请把#改为@。全国各地有需要信用卡办理的朋友和养卡提额以及需要POS机的朋友们一律免费办理信用卡和POS机免费办理,可以扫下面二维码加好友咨询。你的鱼小编免费提供停息挂单和贷款咨询服务!

202212292313073283001.png 如何在html上面获取登陆用户名代码,html获取登陆用户名方法有哪些方法?  第1张


申请办理注意事项:

1、下单时请务必确保办卡人、收件人姓名一致,身份证号码、手机号码正确,切勿写大致范围,勿填菜鸟驿站,否则无法配送

2、手机卡仅限本人领取认证激活,禁止转售、帮助他人代替实名制等违法犯罪行为

3、所有的卡请按照运营商要求首充话费激活,否则流量不到账!

本文链接:http://www.nideyu.com/post/101.html

分享给朋友:

“如何在html上面获取登陆用户名代码,html获取登陆用户名方法有哪些方法?” 的相关文章