使用jQuery,Ajax ASP.NET的MVC模式登录 [英] MVC modal login using jQuery, Ajax ASP.NET
本文介绍了使用jQuery,Ajax ASP.NET的MVC模式登录的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
帮助我的代码,我怎么了?在我的布局中,当我单击 SignIn 按钮时,将出现一个模式窗体,插入数据,在调试模式下,该数据已被读取,但下一个操作未运行.请提出任何建议.我的控制器:
Help with my code, what's wrong i do. In my layout when I click on SignIn button, a modal form appears, insert data, in debug mode is shown that the data is read, but the next action doesn't run. Please any suggestion. My controller:
[HttpGet]
public ActionResult Logins()
{
return PartialView();
}
[HttpPost]
public ActionResult Logins(User user)
{
var obj = db.User.Where(x => x.User_login.Equals(user.User_login)
&& x.User_password.Equals(user.User_password)).FirstOrDefault();
if (obj != null)
{
return RedirectToRoute(new { controller="User",action="ProductList"});
}
else
{
return RedirectToRoute(new { controller = "User", action = "ProductList" });
}
}
我的局部视图:
@model WebEcom.Models.User
@{
Layout = null;
}
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/bootstrap.min.js"></script>
<div>
<form id="myForm">
@Html.LabelFor(m => m.User_login)
@Html.TextBoxFor(m => m.User_login, new { @class = "form-control", @placeholder = "Nume" })
@Html.LabelFor(m => m.User_password)
@Html.TextBoxFor(m => m.User_password, new { @class = "form-control", @placeholder = "Password" })
<input type="submit" id="btnSubmit" class="btn btn-success" value="Logins"/>
</form>
</div>
<script>
$(document).ready(function () {
$("#btnSubmit").click(function () {
var myformdata = $("#myForm").serialize();
$.ajax({
type: "POST",
url: "/User/Logins",
data: myformdata,
success: function ()
{
alert("Hello");
$("#myModal").modal("hide");
window.location.href = "/User/ProductList";
}
})
})
})
</script>
然后我在答案中显示我的布局页面(对不起)
And I present my layout page in answer(Sorry about it)
推荐答案
这只是我的html页面的一部分.
It is only a part from my html page.
<body>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" onclick="login()"><span class="glyphicon glyphicon-user"></span> SignUp</a>/li>
</ul>
<div class="modal fade" id="myModal1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="#" class="close" data-dismiss="modal">×</a>
<h3 class="modal-title">Login</h3>
</div>
<div class="modal-body" id="myModalBodyDiv1"></div>
</div>
</div>
</div>
@RenderBody()
<script>
var login = function ()
{
var url = "/User/Logins";
$("#myModalBodyDiv1").load(url, function () {
$("#myModal1").modal("show");
})
}
</script>
</body>
这篇关于使用jQuery,Ajax ASP.NET的MVC模式登录的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文