在knockoutjs中通过ajax jQuery调用MVC RedirectToAction无法正常工作

时间:2012-08-17 12:36:25

标签: ajax asp.net-mvc-3 knockout.js

我正在构建一个MVC3 Web应用程序,我正在使用knockoutjs。应用程序中有两个视图。 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);
    }

生成的网址是

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

1 个答案:

答案 0 :(得分:20)

由于您使用AJAX来调用RedirectToManageAccount操作方法,您自己负责处理其响应,并且当您的success处理函数为空时,您实际上忽略了作为响应到达的任何内容。 / p>

如果你想强制从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 });
    }
    
  2. 以这种方式更新您的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 () {
               }
      });
    }
    
  3. 至于你的第二个问题:

      

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

    您只需在RegisterRoutes()函数中为此网址定义合适的路由条目:

    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);
    }