work/Views/Home/login.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/login.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/LoginAccount', { username: username,password:password }, function(data,success) {
                    alert(data);
                    console.log('服务器返回结果：' + data );
                    if (data == "登录成功") {
                        window.location.href="index.html"
                    }
                });

            });
    })
</script>
}