用session实现html登录页面跳转页面跳转页面跳转,js判断登录与否并确定跳转页面的方法...
这篇文章主要介绍了js判断登录与否并确定跳转页面的方法,涉及Ajax及session使用的技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了js判断登录与否并确定跳转页面的方法。分享给大家供大家参考。具体如下:
使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面。
判断本地有无customerID:
function jumpTo(p, url) {
var customerId=sessionStorage.customerId;
if (customerId == undefined) {
p.attr("href", "page/Login/login.html");
} else {
p.attr("href", url);
}
}
function infoJumpTo() {
var $info = $("#info");
jumpTo($info, "http://localhost/page/AmountAscension/amountAscension.html");
}
function starJumpTo() {
var $star = $("#star");
jumpTo($star, "http://localhost/page/MyAccount/myAccount.html");
}
html中,相应的a标签中,写οnclick="infoJumpTo"等就可以了。
但登录页面的customerID是如何存储到本地的session中的呢?
function confirm(){
var tel=$tel.val();//获取页面中登录名和密码
var pwd=$pwd.val();
if(tel==""|| pwd==""){//判断两个均不为空(其他判断规则在其输入时已经判断)
alert("手机号密码均不能为空!")
return false;
}else{//以上均符合要求,则调用登录esb接口
$.ajax({
url:config.baseServerUrl + '/account/login',//相对应的esb接口地址
type:'post',
data:{mobile:tel,password:pwd},//向服务器(接口)传递的参数
success:function(data){//服务器(接口)返回来的数据
if(data.success){//如果返回来的信息说明提交的信息为正确的
var customerId = data.attr.customerInfo.id;//将数据中用户信息的ID赋值给变量
sessionStorage.customerId = customerId;//将变量存储到本地sessionStorage中,并且value为customerID
window.location.href='http://localhost/index.html';//正确登录后页面跳转至
}
else{//如果返回来的信息说明提供的信息为错误的
if(tel != data.tel){//判断是用户名还是密码错误,,提示相应信息
alert(data.message);
$tel.val("");
$pwd.val("");
return false;
}
if(pwd != data.pwd){
alert(data.message);
$pwd.val("");
return false;
}
}
}
})
}
}
登录页面,人们一般习惯输完信息后,直接点击enter免除手动点击登录按钮,则js代码如下:
//判断是否敲击了Enter键
$(document).keyup(function(event){
if(event.keyCode ==13){
$("#login").trigger("click");
}
});
希望本文所述对大家的javascript程序设计有所帮助。
用session实现html登录页面跳转页面跳转页面跳转,js判断登录与否并确定跳转页面的方法...相关推荐
- html js验证登录页面,js判断登录与否并确定跳转页面的方法
本文实例讲述了js判断登录与否并确定@R_384_404@面的方法.分享给大家供大家参考.具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面. 判断本地有无custome ...
- html 登录判断跳转页面跳转页面,js判断登录与否并确定跳转页面的方法
本文实例讲述了js判断登录与否并确定跳转页面的方法.分享给大家供大家参考.具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面. 判断本地有无customerID: fun ...
- JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)
//平台.设备和操作系统var system ={win : false,mac : false,xll : false};//检测平台var p = navigator.platform;syste ...
- html js 如何判断页面是第一次访问还是重复刷新访问,使用JS判断页面是首次被加载还是刷新...
1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用) if(window.name == ""){ console.log("首次被加 ...
- 通过js判断不同终端类型,跳转到不同的页面
2019独角兽企业重金招聘Python工程师标准>>> <script type="text/javascript"> if(/AppleWebKit ...
- JS判断手机浏览器,并跳转到手机端网页
在js代码中插入以下代码片段 <script type="text/javascript">try {var urlhash = window.location.has ...
- js判断是否是钉钉打开的页面
var userAgentStr = window.navigator.userAgent;if(/DingTalk/.test(userAgentStr)) {alert('文件暂不支持在此应用中打 ...
- 谷粒学院 Day12.登录页面模式、整合JWT、整合QQ邮箱、用户登录注册接口【后端】、用户登录注册【前端】
项目结构: 配置文件 application.properties配置类 spring.jackson.time-zone=GMT+8# nacos注册中心 spring.cloud.nacos.di ...
- JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面...
JS判断客户端是否是iOS或者Android 参考:http://caibaojian.com/browser-ios-or-android.html 1 function is_weixin() { ...
最新文章
- 复杂系统如何在不停机升级同时保持稳定?你必须考虑以下几个点...
- Hibernate映射解析——七种映射关系
- Vcenter 管理中心 在服务器上新建虚拟机及安装系统
- 产品经理利器之axure rp
- Java线程知识整理汇总
- APP的CPU,内存,耗电,流量测试工具
- leetcode78. 子集(回溯)
- Leetcode打卡 | No.24 两两交换链表中的节点
- 面试官:你给我手写个RPC框架看看
- html5语义化标签标记定义导航,gogo娱乐-官方网站
- CSS背景图片代码示例
- 虚拟机搭建Harbor安装和简单使用
- Hive常用函数大全(一)(关系/数学/逻辑/数值/日期/条件/字符串/集合统计/复杂类型)
- 深度学习模型与湿实验的结合,有望用于代谢通量分析
- 触控手机、握笔握手、拎箱包、拿鸡蛋 可穿戴仿生手将投入量产!
- 微信公众号代运营的的技巧有哪些(1)
- 遥遥领先一键导出微信小程序、UNIAPP低代码源码使用介绍
- QApplication和QCoreApplication的区别
- simulink测量任意波形的平均功率或者有效功率或者一定时间内的功
- 超分辨率图像重建-拉普拉斯金字塔(laplacian pyramid)
热门文章
- 一个下载Google code源码的 绿色、迷你工具 MiniSVN v1.0
- 《代码整洁之道 Clean Architecture》-读书笔记
- HashMap jdk1.7和1.8概述
- sign check fail: check Sign and Data Fail
- docker 安装 centos
- 小程序 mpvue 使用canvas绘制环形图表
- mongoose 数据库设计千万要注意 Cast to [number] failed for value
- 详解spring boot mybatis全注解化
- 采用计算机辅助电话调查,计算机辅助电话调查(CATI)-实验.pdf
- Java代理模式——静态代理动态代理