Html获取登陆用户名的示例代码

比来进修ajax手艺，前端改为了HTML静态网页来编写，这假设猎取登岸的用户名呢？大家2起首念到的必定是应用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: 两})
            }
        }
    })
}

首要的是 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猎取登岸用户名形式请搜刮剧本之野之前的文章或者延续涉猎上面的相闭文章，心愿大师之后多多支撑剧本之野！