目前我正在研究一个简单的asp.net应用程序的登录功能。登录函数使用SweetAlert作为表单收集器,并将ajax发送到后端以登录用户。登录函数可以正常工作,因为我调试了它,它进入了Success用例。问题似乎发生在成功下的代码,它需要用给定的url重定向到动作。下面是我的代码:
前端
function login() {
Swal.fire({
// some sweet alert stuff
}).then((result) => {
if (!result.isConfirmed) return;
var data = {
__RequestVerificationToken: gettoken(),
email: result.value.username,
password: result.value.password,
returnUrl:"@ViewContext.Controller.ValueProvider.GetValue("controller").RawValue.ToString()/@ViewContext.Controller.ValueProvider.GetValue("action").RawValue.ToString()"
}
/* console.log(data)*/
$.ajax({
type: "POST",
url: '/Account/Login',
data: data,
contentType: "application/x-www-form-urlencoded; charset=utf-8",
dataType: "json",
success: function (response) {
console.log(response)
if (!response.success) onFail("Your username or password is incorrect.", login);
},
error: function (response) {
console.log(response)
onFail("Internal error, please try again", login)
}
})
})
}
后端
// POST: /Account/Login
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public async Task<ActionResult> Login(LoginViewModel model, string returnUrl)
{
if (!ModelState.IsValid)
{
return View(model);
}
var result = await SignInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, shouldLockout: false);
switch (result)
{
case SignInStatus.Success:
string[] parsedUrl = returnUrl.Split('/');
return RedirectToAction(parsedUrl[1], parsedUrl[0]);
case SignInStatus.LockedOut:
return View("Lockout");
case SignInStatus.RequiresVerification:
return RedirectToAction("SendCode", new { ReturnUrl = returnUrl, RememberMe = model.RememberMe });
case SignInStatus.Failure:
return Json(new { success = false, html = "", message = "Internal Error" });
default:
ModelState.AddModelError("", "Invalid login attempt.");
return View(model);
}
}
下面是响应:
Request URL: https://localhost:44354/Account/Login
Request Method: POST
Status Code: 302
Remote Address: [::1]:44354
Referrer Policy: strict-origin-when-cross-origin
我认为问题发生在后端Login()
的return RedirectToAction(parsedUrl[1], parsedUrl[0]);
上。我试图将参数直接设置为returnUrl,但仍然不起作用。网页不会重定向到任何地方。相反,它会转到前端ajax中的错误块,并弹出内部错误消息。
如有任何建议,我将不胜感激。
-------------------------- 编辑 --------------------------------
我找到状态302的原因了。这是因为我在ajax中指定响应类型是Json,但后端返回RedirectToAction()
。但是我仍然需要一些建议。我移除dataType: "json"
,它的响应状态为500。在这种情况下,我应该如何重定向用户登录后?
看起来您正在使用单个控制器操作来处理JSON/api调用和常规HTML页面请求:
case SignInStatus.LockedOut:
return View("Lockout");
case SignInStatus.RequiresVerification:
return RedirectToAction("SendCode", new { ReturnUrl = returnUrl, RememberMe = model.RememberMe });
case SignInStatus.Failure:
return Json(new { success = false, html = "", message = "Internal Error" });
常规页面请求和api调用的行为不同。
一般来说:
- 一个普通的页面请求需要一个HTML响应,并且会自动跟随重定向。
- api调用期望JSON响应,而不遵循重定向。
如果你想从你的api调用有重定向行为,你必须手动做这个:
- 检查状态码(=
302
) - 从
Location
响应头提取url - 使用JavaScript将用户重定向到此url:
window.location.href=url