js写登录页面调接口主要代码

最新推荐文章于 2024-09-29 14:46:46 发布

菜鸟的备忘录

最新推荐文章于 2024-09-29 14:46:46 发布

阅读量4.8k

点赞数 2

分类专栏：前端学习 js jQuery 文章标签： js-登录 post接口 js jquery

本文链接：https://blog.csdn.net/hilary_front/article/details/78132482

版权

前端学习同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

js jQuery

7 篇文章 0 订阅

订阅专栏

添加点击事件

function IbtnEnter_onclick() {  
            checklogin();   
        }

添加方法和post接口调用

function checklogin() {  

            if ($("#username").val() == "") {  
                $("#tip").html("请输入用户名！");  
                $("#username").focus();
                return false; 
            }  

            if ($("#password").val() == "") {  
                $("#tip").html("请输入密码！");  
                $("#password").focus();  
                return false;  
            }  

            $.ajax({  
                type: "POST",  
                url: CTX+"/login",  
//                dataType : 'text',   
                data : {userName:$("#username").val(),password:$("#password").val()},
                success: function (result) {  
                    if (result.errorCode==0) {  
                         $("#tip").html("");
                        location.href = CTX+"/page/main.jsp";  
                        return true;  
                    } else { 
                         $("#tip").html('用户名或密码错误');  
                        return false;  
                    } 
                    result=result.value;
                }  
            })
//            alert($("#password").val());
        }  


        //消除错误提示
        function Tip_onclick() {  
            checkTip();  
            return false;  
        } 
        function checkTip() {  
            $("#tip").html("");        

        }