javascript - 如何将客户端数据发送到 MVC Controller 以进行登录页面？并保存到数据库？

Question

登录.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>

账户 Controller

  DBEntities dB = new DBEntities();
  [HttpPost]                         (username)       (password)
    public ActionResult Login(string KullaniciAdi,string Sifre)
    {
      //  Session[KullaniciAdi] = dB.Profil.Where(x => x.KullaniciAdi == KullaniciAdi && x.Sifre == Sifre).FirstOrDefault();
        var session = (from p in dB.Profil
                       where p.KullaniciAdi == KullaniciAdi
                       select p).FirstOrDefault();

        return View(); 
    }

我的 OOP 作业是这个网站，我想创建一个登录，并向 Controller 发送密码和用户名，并将提交的数据和数据库中的数据进行比较。请帮忙:)

Answer 1

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

这是您的输入

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

提交按钮与UserLogin js函数绑定(bind)。

这里是js函数。我们正在将 ajax post 请求发送到我们的 Controller

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

        var postObj = JSON.stringify({
            "username": n,
            "password": p
        });

        $.ajax({
            url: "/Home/Login", // endpoint
            type: "POST",
            data: postObj,
            contentType: "application/json; charset=utf-8",
            success: function (result) {
                // success
            },
            error: function (errorData) { onError(errorData); }
        });
    }
</script>

你的 Controller 应该是这样的，你可以在方法内部实现登录逻辑。

  [HttpPost]
  public ActionResult Login(string username, string password)
  {
      // use your code loged in

      return Json(true, JsonRequestBehavior.AllowGet);
  }