asp.net web api cshtml page, without any reaction LoginPafe.schtml and Login.js, how to solve?

asp.net web api cshtml page, using js unsuccessful, without any reaction LoginPafe.schtml and Login.js

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>

    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title 登录页面</title>
</head>
<body>
    <div>

        <section>
            <h2>用户登录</h2>
            用户名：<input type="text" id="UName" value="" />
            <br /><br />
            密码：<input type="password" id="UPasswd" value="" />
            <br /><br />
            <input type="submit" id="login" value="登录" /><br />
        </section>
    </div>

</body>
</html>
<script type="text/javascript" src="~/Scripts/Login.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-3.4.1.min.js"></script>

 var User =
   {
       create:function ()
       {
           UId: "";
           UName: "";
           UPasswd: "";
           AId: "";
           return User;
        }
    }

    $("#login").click(function () {
        var user = new User.create();
        user.UName = $("#UName").val();
        user.UPasswd = $("#UPasswd").val();

        $.ajax
        ({
            url: "/api/Login",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify(user),
            success: function (data, status)
            {
                if (data == true)
                {
                    alert("登录成功！");
                    window.location.href = "@Url.Action("Index","Home")";
                }
                else
                    alert("密码或账号不正确！");
            },
            error: function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("登录失败，消息：" + textStatus + "  " + errorThrown);
            }
        });
    });