• 欢迎光临~

前后端交互

开发技术 开发技术 2022-10-02 次浏览

前后端交互
前后端交互

<!--页脚结束-->
<script type="text/javascript">
    // 1. 监听注册按钮是否被点击 click() 如果被点击可以执行一个方法
    $("#btn-reg").click(function () {

        // 动态获取表单中控制的数据
        // let username = $("#username").val();
        // let pwd = $("#password").val();
        // data: "username=" + username + "&password=" + pwd,5

        // 2. 发送 ajax() 的异步请求来完成用户的注册功能
        $.ajax({
            url: "/users/reg",
            type: "POST",

            // serialize() 相当于制动获取拼接了一个 username=tom&password=123
            data: $("#form-reg").serialize(),
            dataType: "JSON",
            success: function (json) {
                if (json.state === 200) {
                    alert("用户注册成功")
                    location.href = "login.html";
                } else {
                    alert("用户注册失败")
                }
            },
            error: function (xhr) {
                alert("注册时产生未知的错误" + xhr.status)
            }
        });
    })
</script>

前后端交互

程序员灯塔
转载请注明原文链接:前后端交互
喜欢 (0)
违法和不良信息举报电话:022-22558618 举报邮箱:dljd@tidljd.com