18-Ajax验证用户名登录

xixihaha_coder

于 2021-09-05 13:07:22 发布

阅读量226

点赞数 1

分类专栏： springmvc 文章标签： springmvc

本文链接：https://blog.csdn.net/xixihaha_coder/article/details/120113620

版权

springmvc 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

Ajax验证用户名登录

controller

    @RequestMapping("/a3")
    public String a3(String name,String pwd){
        String msg="";
        if(name!=null){
            if ("admin".equals(name)){
                msg="ok";
            }else{
                msg="用户名有误";
            }
        }
        if(pwd!=null){
            if ("123456".equals(pwd)){
                msg="ok";
            }else{
                msg="密码有误";
            }
        }
        return msg;

    }

login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.5.1.js"></script>

    <script>
        function a1() {
            $.post({
                url:"${pageContext.request.contextPath}/a3",
                data:{"name":$("#name").val()},
                success:function (data) {
                   // console.log(data);
                    if(data.toString()==="ok"){
                        $("#userInfo").css("color","green");
                    }else{
                        $("#userInfo").css("color","red");

                    }
                    $("#userInfo").html(data);
                }
            })
        }
        function a2() {
            $.post({
                url:"${pageContext.request.contextPath}/a3",
                data:{"pwd":$("#pwd").val()},
                success:function (data) {
                    if(data.toString()==="ok"){
                        $("#pwdInfo").css("color","green");
                    }else{
                        $("#pwdInfo").css("color","red");

                    }
                    $("#pwdInfo").html(data);
                }
            })
        }
    </script>

</head>
<body>

<p>
    用户名: <input type="text" name="" id="name" onblur="a1()">
    <span id="userInfo"></span>
</p>
<p>
    密码: <input type="text" name="" id="pwd" onblur="a2()">
    <span id="pwdInfo"></span>
</p>

</body>
</html>

乱码过滤

   <mvc:annotation-driven>
        <!--    JSON格式化乱码处理    -->
        <mvc:message-converters register-defaults="true">
            <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                <constructor-arg value="UTF-8"/>
            </bean>
            <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                <property name="objectMapper">
                    <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
                        <property name="failOnEmptyBeans" value="false"/>
                    </bean>
                </property>
            </bean>
        </mvc:message-converters>
    </mvc:annotation-driven>

xixihaha_coder

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
18-Ajax验证用户名登录

Ajax验证用户名登录controller @RequestMapping("/a3") public String a3(String name,String pwd){ String msg=""; if(name!=null){ if ("admin".equals(name)){ msg="ok"; }else{ msg="用户名有误";
复制链接

扫一扫