如何在 MVC3 中的 JQuery ajax 调用上重定向到新页面（连同模型）

Question

我忘记了密码页面，用户输入用户名并单击“验证”按钮以检查他所在的组。根据组，我们需要显示不同的部分视图（现在假设它是电话编号）在页面中。填写有效详细信息后，成功时我将重定向到他将更新密码的新页面，失败时，我需要显示错误消息。

现在我很难编写突出显示的代码。

这是在提交按钮点击时触发的 Jquery ajax 函数的代码

person = {UserName: $("#UserName").val(), Phone: $("#Phone").val() }
$.ajax({
            type: 'POST',
            url: '@Url.Action("ForgotPassword", "Customer")',
            data: person,
            dataType: 'json',
            success: function (data) {
                //This is the place I need help
                if(data.IsDataValid){
                  // redirect to new page passing the model object
                }
                else{
                    //Show an error message without hiding the div
                }
            },
            failure: function () {                   
            }
        });

这里是控制器动作的代码

    [HttpPost]
    [ValidateInput(true)]
    public ActionResult ForgotPassword(RegisterModel model)
    {            
        if (Request.IsAjaxRequest())
        {
            Here is the logic which validates the user
            return Json(new { regmodel = RegistrationModel })
        }
    //If it is not ajax call I want to return the view
        if (isUsergroup1 == true)
        {
            return View("View1", RegistrationModel );
        }
        else if (isUsergroup2 == true)
        {
            return View("View2", RegistrationModel );
        }
        else
        {
            return View();
        }

    }

请帮忙。提前致谢

Answer 1

这就是我们需要做的。我们不能传递模型，只能传递链接重定向中的参数。我们必须使用 link.replace，因为您可以将变量直接传递到 Url.Action

person = {UserName: $("#UserName").val(), Phone: $("#Phone").val() }
 $.ajax({
        type: 'POST',
        url: '@Url.Action("ForgotPassword", "Customer")',
        data: person,
        dataType: 'json',
        success: function (data) {
            //This is the place I need help
            if(IsDataValid){
              var link = "@Url.Action("Actionname", "Controllername", new { username = "1", phone ="2" })";
                   link = link.replace("1", data.username);
                   link = link.replace("2", data.phone);
                   alert(link);
                   window.location.href= link ;
            }
            else{
                //Show an error message without hiding the div
            }
        },
        failure: function () {                   
        }
    });

Answer 2

解决您现在可以回答的部分问题：

if(IsDataValid){
  // redirect to new page(
}
else{
    //Show an error message without hiding the div
}

要重定向，请使用window.location.replace('url to new page');。

对于“错误消息”部分，我会使用 jQuery UI 来显示一个对话框，或者有一个隐藏的 div 用于插入错误消息，可能像这样：

$('#errors').html(data.Errors).show();

这假设您有某种名为Errors 的属性，其中包含RegistrationModel 上的验证消息。