话不多说,直接切入正题。
相信大家经常在各大网站上,登录过自己的帐号吧,那么就一定应该见过在点击登录之后,会发现在top的顶部状态栏中或是页面中央显示着 “xx欢迎您!”之类的语句。
虽然这个也可以通过jsp直接获得,可是这样的操作可能有一种偷盗的感觉,现在我来教大家如何在项目中用主流的方法,进行获取。其中涉及到ajax、jquery、js。
step1:在html页面中添加一个jquery的架包、当然最简单的方法也不需要去下载,直接在html中加入
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
同时添加一个用于显示登录后信息的标签,如图
step2:新建一个用于过渡的servlet,起名可以随意,本人在演示中起为LoginUser,在其中的doGet()方法中添加如下代码(具体的会在下文中解释):
strp3:在登录的servet中的doPost()方法中加入如下代码,用于创建一个新的session,其中key值为LoginUser,内容为user.getUserName()。
这也就是为什么step2中
String name=(String) request.getSession().getAttribute(“LoginUser”);要这样写了,通过key值来获取session中的username的值,并且赋给新的变量name,然后通过这些代码格式输入到ajax中
step4:最后,我们在返回html页面中,在script标签中添加如下代码,用于格式输出。
step5:效果如图: