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