SpringMVC使用ajax同步验证实现验证登录功能

表单代码：

<form action="${pageContext.request.contextPath}/goShow" method="post" onsubmit="return checkAll()">
    账号：<input type="text" name="username" class="username"><br>
    密码：<input type="password" name="password" class="password"><br>
    <input type="submit" value="登录">
    <br><span id="sp1" style="color: red"></span>
</form>

js代码：

var flag = false
function checkAll() {
    $.ajax({
        url:"${pageContext.request.contextPath}/queryUser",
        data:{"username":$(".username").val(),"password":$(".password").val()},
        async:false,//同步验证
        success:function (data) {
　　　　　　　　　　//通过向后台传输数据，接收返回值来验证账号密码是否正确
            if(data=='0'){
                $("#sp1").text("账号或密码错误")
                flag = false
            }else{
                $("#sp1").text("")
                flag = true
            }
        }
    })
    return flag
}

定义和用法

async 属性是一个布尔属性。

async 属性一旦脚本可用，则会异步执行。

注意：async 属性仅适用于外部脚本（只有在使用 src 属性时）。

注意：有多种执行外部脚本的方法：

• 如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
• 如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行
• 如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本