layui表单提交用户登录写法
宏翔科技技术文章2019/10/17 9:55:29
JS前端部份
<script> $(function () { layui.use('form', function(){ var form = layui.form; form.on('submit(login)', function (data) { $.ajax({ url:'@Url.Action("Login")', type:'POST', data: JSON.stringify(data.field), success:function(data){ console.log(data); if (data.State) { location.href = "@Url.Action("Index")" }else{ layer.msg(data.Message) } }}) return false; }); }); }) </script>
后端部份:
public ActionResult Login() { if(Request.IsAjaxRequest()) { var param = HttpUtility.UrlDecode(Request.Form.ToString(), Encoding.UTF8);//前端表单数据转JSON字符串 var JsonObj = new { username= "", password = "" }; var RequestObj = JsonConvert.DeserializeAnonymousType(param, JsonObj); JsonReturnData jsonReturnData = new JsonReturnData(); if (DataContext.SystemUser.Where(a=>a.Accounts==RequestObj.username && a.Password==RequestObj.password).Any()) { jsonReturnData = new JsonReturnData() { State = true }; } else { jsonReturnData.Message = "登录失败,请检查您的用户密码"; } return Json(jsonReturnData, JsonRequestBehavior.AllowGet); } return View(); }