asp.net-mvc-3 – MVC3重定向到ajax调用后的动作

在ASP.NET MVC3应用程序中,我在视图中有一个按钮.

当单击按钮时,调用一个函数,并调用jquery ajax来将项保存到数据库

function SaveMenuItems() {
        var encodeditems = $.toJSON(ids);;
        $.ajax({
            type: 'POST',url: '@Url.Action("SaveItems","Store")',data: 'items=' + encodeditems + '&storeKey=@Model.StoreID',complete: function () {
                    }
                }
            });
        }

我想要的是将项目保存到数据库后,我想重定向到另一个视图. (重定向到动作)

我怎样才能做到这一点？

我试图在SaveItems函数的末尾使用返回RedirectToAction(“Stores”,“Store”).但它不工作

我也尝试添加window.location.replace(“/ Store / Stores”);在ajax调用的完整功能,但也不工作

任何帮助是极大的赞赏

非常感谢

解决方法

您可以使用javascript重定向到新页面.在您的ajax调用的成功/完成事件中将window.location.href的值设置为新的URL.

var saveUrl = '@Url.Action("SaveItems","Store")';
var newUrl= '@Url.Action("Stores","Store")';

$.ajax({
    type: 'POST',url: saveUrl,// Some params omitted 
    success: function(res) {
        window.location.href = newUrl;
    },error: function() {
        alert('The worst error happened!');
    }
});

或在完成的事件

$.ajax({      
    url: someVariableWhichStoresTheValidUrl
}).done(function (r) {
     window.location.href = '@Url.Action("Stores","Store")';
});

上面的代码使用Url.Action帮助程序来构建动作方法的正确的相对url.如果您的JavaScript代码位于外部JavaScript文件中,您应该将该URL设置到应用程序根目录,并将其传递到外部js文件中的脚本/代码中,并使用它将该URL编译为this post中所述的操作方法.

传递参数？

如果要将一些querystring参数传递给新的url,可以使用接收路由值的Url.Action方法的this overload以及使用querystring构建url.

var newUrl = '@Url.Action("Stores","Store",new { productId=2,categoryId=5 })';

其中2和5可以替换为其他一些实际值.

由于这是一个html帮助器方法,它将仅在您的剃刀视图中工作,而不是在外部js文件中.如果您的代码位于外部的js文件中,则需要手动构建url querystring参数.

在服务器端生成新的URL

通过使用mvc帮助器方法为action方法生成正确的URL,总是一个好主意.从你的action方法,你可以返回一个json strucutre,它有一个属性为新url被重定向.

您可以使用控制器中的UrlHelper类来执行此操作.

[HttpPost]
public ActionResult Step8(createuser model)
{
  //to do : Save
   var urlBuilder = new UrlHelper(Request.RequestContext);
   var url = urlBuilder.Action("Stores","Store");
   return Json(new { status = "success",redirectUrl = url });            
}

现在在你的ajax调用的成功/完成回调,只需检查返回值和重定向根据需要.

.done(function(result){
   if(result.status==="success")
   {
      window.location.href=result.redirectUrl;
   }
   else
   {
      // show the error message to user
   }
});