ajax点击按钮没有反应也不报错

Question

ajax点击按钮没有反应也不报错
代码如下：

$('#sub').click(function (){
        //let username=$("#username").val();
        //let password=$("#password").val();
        console.log($('#formregister').serialize());
        //2.发送ajax()的异步请求来完成用户的注册功能
        $.ajax({
            url:"/users/register",
            type:"post",
            data:$("#formregister").serialize(),
            dataType:"json",
            success:function (json){
                if(json.state==200){
                    alert("注册成功");
                }else {
                    alert("注册失败");
                }
                },
            error:function (xhr){
                alert("注册时产生未知的错误"+xhr.status);
            }
        });
    });

form表单如下：

<form  id="formregister" role="form">

    <span>姓名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <input type="text" id="username" name="username" placeholder="请输入1到20位中英文或数字"/><br>
        <span>手机号码：</span>
            <input type="text" id="phone" placeholder="可作为登录名使用"/><br>
        <span>登录密码：</span>
            <input type="password" id="password" name="password" placeholder="请输入密码"/><br>
        <span>确认密码：</span>
            <input type="password" id="repassword" name="repassword" placeholder="请再次输入密码"/><br>
        <span>邮箱：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <input type="text" id="email" placeholder="可用于接受订单确认、最新促销等信息"/><br>
    <input type="button" id="sub" value="提交注册"><br>
    <a href="login.jsp" target="_blank">已有帐号，去登陆</a>
    </form >

Answer 1

引自免费微信小程序：皆我百晓生

好的，非常感谢您的问题，我会尽力为您提供详细的解答。

首先，我们来看一下您的前端部分代码，发现了一个可能的问题。您在$.ajax()方法中使用了url参数，但并没有提供服务器端实际处理数据的函数，即在服务器端返回一个JSON格式的数据后，您还需要手动将其转化为HTML格式并展示在页面上。

其次，您尝试将数据发送给服务器后，使用了success回调函数，并打印了数据状态。然而，当服务器端返回数据并且状态为200（表示数据成功）时，您并没有打印任何内容，这可能是由于服务器返回的数据不符合预期或者您的逻辑导致的。如果您能检查一下服务器返回的数据是否符合预期，并且您的逻辑是否正确，就可以解决这个问题。

再者，您尝试在点击按钮时调用console.log()打印出数据状态，但这并不是一个好的做法。在JavaScript中，你应该使用console.log()打印变量的值，而不是对象的属性名。例如，在上面的代码中，应该使用console.log(JSON.stringify(data))打印数据对象。

最后，您在AJAX按钮事件的回调函数中使用了error方法，但在这个函数中并没有传递任何异常信息。当发生错误时，您应该打印出异常信息以便于调试。在上面的代码中，可以添加适当的异常信息，例如alert("注册时产生未知的错误：" + xhr.status)。

以上是我对您问题的一些分析和建议，希望能对您有所帮助。如果有任何其他问题，欢迎随时提问。