登录页面

开发工具与关键技术： Visual Studio   登录
作者：黎凤焕
撰写时间：2019年 5月 30 日

   今天了解一下登录页面的内容，登录页面看起来不难，其实嘛！所谓的不难，我理解为搭建的页面不难，想怎么搭建就怎么搭建。登录的时候一般有两种登录形式，一种是点击登录按钮登录，一种是回车登录。
  点击登录可以通过写点击事件的方法来实现这一功能，登录页面看起来挺简单，里面涉及的内容比较多，慢慢体会其中的奥妙。

//点击登录
$("#btnSubmit").click(function () {
var formDate = $("#fmLogin").serializeArray();
//serializeArray() 方法通过序列化表单值来创建对象数组（名称和值）。返回 JSON 数据结构数据。此方法返回的是 JSON 对象而非 JSON 字符串
$.post("/Main/UserLogin", formDate, function (data) {
if (data == “success”) {
//登录成功，跳转到主页面
//使用replace不会出现后退按钮
window.location.replace("/Main/Main");
}
else {
//引用第三方对话框。
//引用第三方对话框。

                layer.alert(data, { icon: 0 });//0警告；1成功；2失败；3问号；4锁；5难过表情；6微笑表情
                
            }
        })
    });

点击登录的时候，如果发生错误，将不可以登录成功，将提示用户登录失败。btnSubmit是登录这个按钮button的id名，给登录按钮的id名写方法。

登 录

//回车登录 function onreturn() { //点击的是否是回车键 if (window.event.keyCode == 13) { //JS触发btnSubmit的单击事件 if (document.all('btnSubmit').click());

        }
    }

登录页面构建好了，做项目的时候会用到页面嵌套或者页面跳转的形式来实现所需要的功能。根据页面的不同形式进行更改，个人需要更改。
//判断顶层页面的页面链接top值是否 == 要嵌套的页面链接
if (window.top.location.href != window.location.href) {
//把顶层的页面链接改成当前嵌套的页面
window.top.location.href = window.location.href;
}