Javascript 如何将客户端数据发送到MVC控制器进行登录页面？并保存到数据库？

Login.cshtml

<script type="text/javascript">
function data() {
    var n = document.getElementById("username").value;
    var m = document.getElementById("password").value;
    ?
</script>

<button  type="submit"class="btn-login" onClick="Data()">
                        Giriş Yap </button>

我的OOP作业是这个网站，我想创建一个登录名，向controller发送密码和用户名，并比较提交的数据和数据库中的数据。请帮助：）

@{
var actionURL=Url.Action（“操作”、“控制器”，
FormMethod.Post、Request.Url.Scheme）
+Request.Url.PathAndQuery；
}
@使用（Html.BeginForm（“Action”、“Controller”、FormMethod.Post、，
新的{@action=actionURL}）
{
}//然后使用id为的Request.Form[0]在控制器操作中获取用户名和密码。

@{
var actionURL=Url.Action（“操作”、“控制器”，
FormMethod.Post，Request.Url.Scheme）
+Request.Url.PathAndQuery；
}
@使用（Html.BeginForm（“Action”、“Controller”、FormMethod.Post、，
新的{@action=actionURL}）
{
}//然后使用id为的Request.Form[0]在控制器操作中获取用户名和密码。

您可以使用ajax请求发送客户端数据

这是您的输入

<input id="username" type="text" />
<input id="password" type="password" /> 
<input id="loginbutton" onclick="UserLogin()" type="submit" value="Submit" />

---

您可以使用ajax请求发送客户端数据

这是您的输入

<input id="username" type="text" />
<input id="password" type="password" /> 
<input id="loginbutton" onclick="UserLogin()" type="submit" value="Submit" />

---

首先创建一个类：

public class LoginModel
    {
        [Required(ErrorMessage = "User Name can not be empty!")]
        public string LOGINID { get; set; }

        [Required(ErrorMessage = "Password can not be empty!")]
        public string LOGINPW { get; set; }      

    }

然后，控制器操作方法执行以下操作：

     public ActionResult Login()
     {           
         return View();    
     }

    [HttpPost]                         
    public ActionResult Login(LoginModel model)
    {

       //Here check the Login Id and Password 
        return View(); 

    }

现在写下这个。现在，当您单击submit按钮时，一个post调用将转到具有给定LOGINID和LOGINPW的登录控制器：

@using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)

         <!-- login screen -->  

                <form action="#">
                    @Html.TextBoxFor(m => m.LOGINID, htmlAttributes: new { @class = "form-control", placeholder = "Login ID" })
                    @Html.ValidationMessageFor(model => model.LOGINID, "", new { @class = "text-danger", style = "float: left" })

                    @Html.PasswordFor(m => m.LOGINPW, htmlAttributes: new { @class = "form-control", placeholder = "Password" })
                    @Html.ValidationMessageFor(model => model.LOGINPW, "", new { @class = "text-danger", style = "float: left" })


                    <button type="submit" class="btn btn-primary" style="background: #2e6da4; color: #FFF;">Login</button>

                </form>              

    }

@使用（Html.BeginForm（））
{
@Html.AntiForgeryToken（）
@Html.ValidationSummary（true）
@TextBoxFor（m=>m.LOGINID，htmlAttributes:new{@class=“form control”，placeholder=“Login ID”}）
@Html.ValidationMessageFor（model=>model.LOGINID，“，new{@class=“text-danger”，style=“float:left”}）
@PasswordFor（m=>m.LOGINPW，htmlAttributes:new{@class=“form control”，placeholder=“Password”}）
@Html.ValidationMessageFor（model=>model.LOGINPW，“，new{@class=“text-danger”，style=“float:left”}）
登录
}

首先创建一个类：

public class LoginModel
    {
        [Required(ErrorMessage = "User Name can not be empty!")]
        public string LOGINID { get; set; }

        [Required(ErrorMessage = "Password can not be empty!")]
        public string LOGINPW { get; set; }      

    }

然后，控制器操作方法执行以下操作：

     public ActionResult Login()
     {           
         return View();    
     }

    [HttpPost]                         
    public ActionResult Login(LoginModel model)
    {

       //Here check the Login Id and Password 
        return View(); 

    }

现在写下这个。现在，当您单击submit按钮时，一个post调用将转到具有给定LOGINID和LOGINPW的登录控制器：

@using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)

         <!-- login screen -->  

                <form action="#">
                    @Html.TextBoxFor(m => m.LOGINID, htmlAttributes: new { @class = "form-control", placeholder = "Login ID" })
                    @Html.ValidationMessageFor(model => model.LOGINID, "", new { @class = "text-danger", style = "float: left" })

                    @Html.PasswordFor(m => m.LOGINPW, htmlAttributes: new { @class = "form-control", placeholder = "Password" })
                    @Html.ValidationMessageFor(model => model.LOGINPW, "", new { @class = "text-danger", style = "float: left" })


                    <button type="submit" class="btn btn-primary" style="background: #2e6da4; color: #FFF;">Login</button>

                </form>              

    }

@使用（Html.BeginForm（））
{
@Html.AntiForgeryToken（）
@Html.ValidationSummary（true）
@TextBoxFor（m=>m.LOGINID，htmlAttributes:new{@class=“form control”，placeholder=“Login ID”}）
@Html.ValidationMessageFor（model=>model.LOGINID，“，new{@class=“text-danger”，style=“float:left”}）
@PasswordFor（m=>m.LOGINPW，htmlAttributes:new{@class=“form control”，placeholder=“Password”}）
@Html.ValidationMessageFor（model=>model.LOGINPW，“，new{@class=“text-danger”，style=“float:left”}）
登录
}

请访问此链接您可以使用Ajax：使用常规表单提交有什么问题？或者，您是否试图在不刷新页面（即ajax）的情况下执行此操作？不清楚。我无法向控制器中的操作提交用户名和密码。这与刷新无关。这与刷新无关“我不知道这意味着什么。你能澄清一下吗？使用表单进行此操作有什么问题（根据下面的答案）？请访问此链接您可以使用Ajax：使用常规表单提交有什么问题？或者，您是否试图在不刷新页面（即ajax）的情况下执行此操作？不清楚。我无法向控制器中的操作提交用户名和密码。这与刷新无关。这与刷新无关“我不知道这意味着什么。你能澄清一下吗？使用表单来完成这一操作有什么问题（根据下面的答案）？