使用bootstrap写一个网页,html代码已完成,同时ajax也有,但是ajax没有运行是为什么?

做了一个简易网页,使用bootstrap完成,但是点击登录按钮后,没有反应
jsp代码如下
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

用户注册
<script type="text/javascript">
$("#submit").click(function () {
    var username = $("#username");
    var password = $("#password");
    var repassword = $("#repassword");
    var loadingIndex = -1;

    if($.trim(username.val()) === ""){
        layer.msg("用户账号不能为空,请重新输入!", {time:1000, icon:5, shift:6}, function () {
            username.val("用户账号不能为空,请重新输入!");
            username.focus();
        });
        alert("")
        return false;
    }

    //密码是否与确认密码相同
    if(password.val()!== repassword.val()){
        layer.msg("两次输入的密码不一致!请重新输入!", {time:1000, icon:5, shift:6}, function () {
            password.val("");
            repassword.val("");
            password.focus();
        });
        return false;
    }

    var flag = $("#rememberme")[0].checked; //是否选中【记住我】

    $.ajax({
        type : "post",
        dataType:"json",
        data :{
            "username" : username.val(),
            "password" : password.val(),
            "rememberme":flag?"1":"0"
        },
        url : "/doRegister",
        beforeSend : function () {
            //表单校验
            loadingIndex = layer.msg('处理中', {icon: 16});
            return true;
        },
        success : function(result){
            layer.close(loadingIndex);
            if(result.success){
                layer.msg("注册成功!", {time: 1000, icon: 6, shift: 6});
                alert("注册成功!");
            }else{
                layer.msg(result.message , {time: 1000, icon: 5, shift: 6});
            }
        },
        error : function(){
            layer.msg("注册失败!", {time: 1000, icon: 5, shift: 6});
            alert("注册失败!");
        }
    });
})

HTML代码如下

<!-- 此处编写对应的注册界面的HTML表单代码 -->
<h1>用户注册</h1>

<div class="container">
    <br>
    <form class="form-horizontal" role="form" id="form-test">
        <div class="form-group">
            <label for="username" class="col-sm-1 control-label">姓名</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="username" name="username" placeholder="请输入姓名">
            </div>
        </div>
        <div class="form-group">
            <label for="password" class="col-sm-1 control-label">密码</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码">
            </div>
        </div>
        <div class="form-group">
            <label  class="col-sm-1 control-label">确认密码</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="repassword" name="repassword" placeholder="请输入确认密码">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-1 col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="rememberme">请记住我
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-1 col-sm-10">
                <button type="submit" class="btn btn-default" id="submit" onclick="doRegister()">登录</button>
            </div>
        </div>
    </form>
</div>

可有谁告诉一下如何解决?



1.查看 点击事件是否运行 ,在事件里 alert一下
2.network里 看看 请求是否发出,看看状态码 和报错

你看下有没有调接口。

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632