work/Views/Home/register.cshtml

微信扫码关注公众号，代码整理好后第一时间通知你。

@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
    Layout = "_layout";
}
@section css{
    <link href="~/css/register.css" rel="stylesheet" />

}

<div class="container">
    <form action="" class="formBody" method="post">
        <h1>注册账号</h1>
        <div>
            账号：<input class="input-text" type="text" id="username" />
        </div>
        <div>
            密码：<input class="input-text" type="password" id="password" />
        </div>
        <div>
            <input class="input-button" type="button" value="提交" id="submit" />
        </div>
    </form>
</div>
@section jsscript
{
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function() {
            $("#submit").on("click",
                function() {
                    var username = $("#username").val();
                    var password = $("#password").val();

                    $.post('/home/RegisterAccount', { username: username,password:password }, function(data,success) {
                        alert(data);
                        console.log('服务器返回结果：' + data );
                        if (data == "注册成功") {
                            window.location.href="login.html"
                        }
                    });

                });
        })
    </script>
}