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

添加点击事件

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("");        

        } 

你可能感兴趣的:(前端学习,js,jQuery)