好的,请帮助,我对此问题感到沮丧。
当用户点击提交按钮时,我需要设置错误值或执行重定向。 (它是一个标准的登录表单)。我需要用ajax来做。
我认为它几乎正常工作,但是当用户点击提交页面时,只显示: { “重定向”: “/家庭/索引”}
或 {“error”:“提供的用户名或密码不正确。”}
它没有重定向/显示我想要的错误。
一些背景 - 表单是一个登录表单,它放在一个模态弹出对话框中。(jqueryui)
继承我的jquery:
$("#submit").click(function () {
$.post({
url: "Account/LogOn",
dataType: "json",
success: function (data) {
if (data.redirect) {
// data.redirect contains the string URL to redirect to
window.location.href = data.redirect;
}
else {
// data.form contains the HTML for the replacement form
$("#error").replaceWith(data.error);
}
}
});
return false;
});
并且继承了我的行动方法:
[HttpPost]
public JsonResult LogOn(LogOnModel model, string returnUrl)
{
if (ModelState.IsValid)
{
if (MembershipService.ValidateUser(model.UserName, model.Password))
{
FormsService.SignIn(model.UserName, model.RememberMe);
if (Url.IsLocalUrl(returnUrl))
{
return Json(new { redirect = returnUrl });
}
else
{
return Json(new { redirect = "/Home/Index" });
}
}
}
return Json(new { error = "The user name or password provided is incorrect." });
}
继承人是我的形式:
@using (Html.BeginForm("LogOn", "Account"))
{
<div>
<fieldset>
<legend>Account Information</legend>
<div class="editor-label">
@Html.LabelFor(m => m.UserName)
</div>
<div class="editor-field">
@Html.TextBoxFor(m => m.UserName)
@Html.ValidationMessageFor(m => m.UserName)
</div>
<div class="editor-label">
@Html.LabelFor(m => m.Password)
</div>
<div class="editor-field">
@Html.PasswordFor(m => m.Password)
@Html.ValidationMessageFor(m => m.Password)
</div>
<div class="editor-label">
@Html.CheckBoxFor(m => m.RememberMe)
@Html.LabelFor(m => m.RememberMe)
</div>
<p>
<input id="submit" type="submit" value="Log On" />
</p>
</fieldset>
</div>
}
答案 0 :(得分:1)
哎呀,整个$ .post() - 调用是错误的。
使用此:
$("#submit").click(function (e) {e.preventDefault();
$.post( "Account/LogOn",
$(this.form).serialize(),
function (data)
{
if (data.redirect)
{
// data.redirect contains the string URL to redirect to
window.location.href = data.redirect;
}
else
{
// data.form contains the HTML for the replacement form
$("#error").replaceWith(data.error);
}
},
'json'
);
return false;
});
你已经在$ .ajax()中使用了预期的参数符号,但在$.post()中却有所不同。