js判断是否登录并跳转页面

JavaScript024

js判断是否登录并跳转页面,第1张

1、首先在一个文件里面准备两个自己写的HTML文件以便进行跳转的效果查看。

2、接着可以用location.href来指定要跳转的页面便可。

3、然后在浏览器中点击按钮便可以看到跳转了。

4、如图，此时便会从422a跳到422b了。

5、最后可以直接alert弹出location.href便可以查看到当前页面的地址了，这样就完成了跳转并且登录。

在jsp页面上增加submit登陆提交按钮，点击登陆提交按钮后触发判断用户名和密码的方法，在此方法中获取输入的用户名和密码与正确的用户名和密码进行判断即可。

示例代码：

<html>

<head>

<meta http-equiv="content-type" content="text/htmlcharset=UTF-8">

<script type="text/javascript">

//点击登陆提交按钮触发此方法

function checkuser() {

if($('uname') == "aaaa" &&$('pwd') == "123") {//判断用户名和密码

alert('登陆成功')

}else {

alert('登陆失败')

}

}

//通过标签id属性获取该标签value

function $(id) {

return document.getElementById(id).value

}

</script>

</head>

<body>

<form action="">

用户名:<input type="text" id="uname"/><br>

密码:<input type="password" id="pwd"/><br>

<input type="submit" value="登录" onclick="checkuser()"/>

</form>

</body>

</html>

第一种处理：静态页也是相对的，页面内完全可以写入jsp或者php代码，登录过的用户信息应该是存在session中，可从session取用户信息判断用户是否登录；

第二种处理：在页面用ajax请求服务端方法，然后在该方法中判断用户是否登录，结果返回给前端页面，前端就知道用户是否已经登录了