通过敲出js中的Ajax jQuery调用的MVC RedirectToAction无法正常工作

Question

我正在构建一个MVC3Web应用程序，并且正在使用淘汰表。该应用程序中有两个视图。SetUpNewCompany和ManageAccount。要建立新公司，用户首先输入帐号，然后单击搜索。如果帐号已经存在，则用户可以单击按钮以进入ManageAccount视图。在SetUpNewCompanyController中，我使用RedirectToAction方法进行重定向。但是，在ManageAccount中执行Index2操作时，不会显示该视图。如果输入完整的URL，则会显示该视图。

SetUpNewCompanyController.cs

    [HttpPost]
     public RedirectToRouteResult RedirectToManageAccount(string accountNumber)
     {
            return RedirectToAction("Index2", new RouteValueDictionary(new {controller=
                "ManageAccount", companyId = "7e96b930-a786-44dd-8576-052ce608e38f" }));
     }

单击按钮时，下面的函数将调用以上内容

    self.redirectToManageAccount = function () {
            var accountNumber = "7e96b930-a786-44dd-8576-052ce608e38f";
            $.ajax({
                type: "POST",
                url: "/SetUpNewCompany/RedirectToManageAccount",
                data: { accountNumber: accountNumber },
                success: function (data) {
                },
                error: function () {
                }
            });
     }

ManageAccountController.cs

    public ActionResult Index2(String companyId)
        {
            var viewModel = new Models.Index();

            List<String> compList = new List<String>();
            compList.Add("MyCompany");

            List<String> usersList = new List<String>();
            usersList.Add("User1");

            viewModel.Users = usersList;
            viewModel.Companies = compList;
            viewModel.CompanyId = companyId;
            viewModel.Role = "Role1";

            return View("ManageAccount",viewModel);
        }

生成的URL是

http://localhost:53897/ManageAccount/Index2?companyId=7e96b930-a786-44dd-8576-
052ce608e38f

Firebug中的控制台窗口显示

GET http://localhost:53897/ManageAccount/Index2?companyId=7e96b930-a786-44dd-8576-
052ce608e38f 200 OK and the spinner keeps spinng

另外，如何获取下面的URL，而不是带有查询字符串的URL

http://localhost:53897/ManageAccount/Index2/7e96b930-a786-44dd-8576-052ce608e38f

Answer 1

由于您使用AJAX调用RedirectToManageAccountaction方法，因此您有责任自己处理它的响应，并且由于success处理函数为空，因此您实际上将忽略作为响应到达的任何内容。

如果您想从AJAX响应处理程序中强制重定向，建议

1. 修改操作方法如下

        [HttpPost]
    public ActionResult RedirectToManageAccount(string accountNumber)
    {
        var redirectUrl = new UrlHelper(Request.RequestContext).Action("Index2", "ManageAccount", new { companyId = "7e96b930-a786-44dd-8576-052ce608e38f" });
        return Json(new { Url = redirectUrl });
    }

1. 以这种方式更新您的AJAX呼叫

        self.redirectToManageAccount = function () {
      var accountNumber = "7e96b930-a786-44dd-8576-052ce608e38f";
      $.ajax({ type: "POST",
               url: "/SetUpNewCompany/RedirectToManageAccount",
               data: { accountNumber: accountNumber },
               dataType: 'json',
               success: function (response) {
                   window.location.href = response.Url;
               },
               error: function () {
               }
      });
    }

至于第二个问题：

另外，如何获取下面的URL，而不是带有查询字符串的URL
http://localhost:53897/ManageAccount/Index2/7e96b930-a786-44dd-8576-052ce608e38f

您只需在RegisterRoutes()函数中为此URL定义适当的路由条目：

    routes.MapRoute(null,
                    "ManageAccount/Index2/{companyId}",
                    new { controller = "ManageAccount",
                          action = "Index2" }                            
    );

编辑 ：由于您的AJAX调用仅用于调用导致重定向的操作方法，因此您可以按照以下方式进行简化，只要此时（在客户端）您companyId已经知道：

    self.redirectToManageAccount = function () {
        var companyId = "12345";
        window.location.href = '@(Html.ActionUri("Index2", "ManageAccount"))?companyId=' + companyId;
    }

我在哪里使用这种扩展方法

    public static string ActionUri(this HtmlHelper html, string action, string controller)
    {
        return new UrlHelper(html.ViewContext.RequestContext).Action(action, controller);
    }