如何在服务器 Post 操作结果后打开新选项卡
How to open a new tab after server's Post Action Result
情况是这样的。
我有一个保存和一个打印按钮:
<input name="btnSubmit" type="submit" value="Save" />
<input name="btnSubmit" type="submit" value="Print"/> @*Redirect to Action("Print", "controler")*@
但是打印按钮必须打开一个新标签。如果只有我一个人,我显然知道我必须在打印前保存……这不是问题。我可以将此 link 与目标空白一起使用:
<a target="_blank" href="@Url.Action("Print", "controler", new { id = Model.id })" type="submit" value="Print" > Print</a>
很简单,但现在一些用户认为打印按钮也应该保存页面。因为他们不推送保存...他们只是打印并且模型更改丢失,因为我无法在我的打印 link 中调用 post 操作...这是一个 link .
起初,我想我可以对保存功能进行异步调用,但是我的模型太大了,它需要 post 返回它自己的操作(对吗?)
经历了这个:
How do I use Target=_blank on a response.redirect?
而且我不确定它是否真的对 MVC 有帮助...现在我被困在这里:
[HttpPost]
public ActionResult MyForm(string btnSubmit, formModel model)
{
if (btnSubmit == "Print")
{
dbSave(model);
return RedirectToAction("Print", "controler"); // Won't open new tab...
}
}
首先,当用户点击打印按钮时,我 post 我的数据通过 ajax 请求,成功完成后我打开一个新标签。
示例:
$.ajax({
url: "@Url.Action("create", "Post")",
type: "POST",
contentType: "application/json",
data: JSON.stringify({ model: model})
}).done(function(result){
window.open('@Url.Action("Print", "controler", new { id = Model.id })', '_blank').focus();
});
或
您想在 http 响应中编写类似于您的示例的内容,那么您可以执行类似
的操作
HttpContext.Current.Response.Write( @"<script type='text/javascript' language='javascript'>window.open('page.html','_blank').focus();</script>");
更新
我在下面添加了一个完整的测试项目流程。
示例:
型号:
public class Product
{
public int Id { get; set; }
public string Name { get; set; }
public string ProductCode { get; set; }
public decimal Price { get; set; }
}
控制器:
public class ProductController : Controller
{
// GET: Product
public ActionResult Index()
{
return View();
}
// GET: Product/Create
public ActionResult Save()
{
var model = new Product();
return View(model);
}
// POST: Product/Create
[HttpPost]
public ActionResult Save(Product model, string saveButton)
{
if (ModelState.IsValid)
{
//do something
return
Json(
new
{
redirectTo = Url.Action("Index", "Product", new { Area = "" }),
OpenUrl = Url.Action("Print", "Product", new { Area = "" })
});
}
return View(model);
}
public ActionResult Print()
{
return View();
}
}
Save.cshtml:
@model Product
@{
ViewBag.Title = "Save";
}
<h2>Save</h2>
@Html.Hidden("saveButton","Test")@*Change Test to your value or change it to using JavaScript*@
@using (Html.BeginForm("Save", "Product", new {area = ""}, FormMethod.Post, new {id = "fileForm", name = "fileForm"}))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>Product</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.ProductCode, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.ProductCode, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.ProductCode, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Price, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Price, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Price, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<button type="button" class="btn btn-primary" id="btnSave">Save</button>
<button type="button" class="btn btn-default">Print</button>
</div>
</div>
</div>
}
脚本:
<script>
$("#btnSave").click(function() {
$.ajax({
url: $("#fileForm").attr('action'),
type: $("#fileForm").attr('method'),
beforeSend: function() {
},
data: $("#fileForm").serialize() + "&saveButton=" + $("#saveButton").val()
}).done(function(result) {
if (result.OpenUrl) {
window.open(result.OpenUrl, '_blank');
}
if (result.redirectTo) {
setTimeout(function() {
window.location.href = result.redirectTo;
},2000);
}
});
})
</script>
情况是这样的。
我有一个保存和一个打印按钮:
<input name="btnSubmit" type="submit" value="Save" />
<input name="btnSubmit" type="submit" value="Print"/> @*Redirect to Action("Print", "controler")*@
但是打印按钮必须打开一个新标签。如果只有我一个人,我显然知道我必须在打印前保存……这不是问题。我可以将此 link 与目标空白一起使用:
<a target="_blank" href="@Url.Action("Print", "controler", new { id = Model.id })" type="submit" value="Print" > Print</a>
很简单,但现在一些用户认为打印按钮也应该保存页面。因为他们不推送保存...他们只是打印并且模型更改丢失,因为我无法在我的打印 link 中调用 post 操作...这是一个 link .
起初,我想我可以对保存功能进行异步调用,但是我的模型太大了,它需要 post 返回它自己的操作(对吗?)
经历了这个:
How do I use Target=_blank on a response.redirect?
而且我不确定它是否真的对 MVC 有帮助...现在我被困在这里:
[HttpPost]
public ActionResult MyForm(string btnSubmit, formModel model)
{
if (btnSubmit == "Print")
{
dbSave(model);
return RedirectToAction("Print", "controler"); // Won't open new tab...
}
}
首先,当用户点击打印按钮时,我 post 我的数据通过 ajax 请求,成功完成后我打开一个新标签。
示例:
$.ajax({
url: "@Url.Action("create", "Post")",
type: "POST",
contentType: "application/json",
data: JSON.stringify({ model: model})
}).done(function(result){
window.open('@Url.Action("Print", "controler", new { id = Model.id })', '_blank').focus();
});
或
您想在 http 响应中编写类似于您的示例的内容,那么您可以执行类似
的操作 HttpContext.Current.Response.Write( @"<script type='text/javascript' language='javascript'>window.open('page.html','_blank').focus();</script>");
更新
我在下面添加了一个完整的测试项目流程。
示例:
型号:
public class Product
{
public int Id { get; set; }
public string Name { get; set; }
public string ProductCode { get; set; }
public decimal Price { get; set; }
}
控制器:
public class ProductController : Controller
{
// GET: Product
public ActionResult Index()
{
return View();
}
// GET: Product/Create
public ActionResult Save()
{
var model = new Product();
return View(model);
}
// POST: Product/Create
[HttpPost]
public ActionResult Save(Product model, string saveButton)
{
if (ModelState.IsValid)
{
//do something
return
Json(
new
{
redirectTo = Url.Action("Index", "Product", new { Area = "" }),
OpenUrl = Url.Action("Print", "Product", new { Area = "" })
});
}
return View(model);
}
public ActionResult Print()
{
return View();
}
}
Save.cshtml:
@model Product
@{
ViewBag.Title = "Save";
}
<h2>Save</h2>
@Html.Hidden("saveButton","Test")@*Change Test to your value or change it to using JavaScript*@
@using (Html.BeginForm("Save", "Product", new {area = ""}, FormMethod.Post, new {id = "fileForm", name = "fileForm"}))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>Product</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.ProductCode, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.ProductCode, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.ProductCode, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Price, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Price, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Price, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<button type="button" class="btn btn-primary" id="btnSave">Save</button>
<button type="button" class="btn btn-default">Print</button>
</div>
</div>
</div>
}
脚本:
<script>
$("#btnSave").click(function() {
$.ajax({
url: $("#fileForm").attr('action'),
type: $("#fileForm").attr('method'),
beforeSend: function() {
},
data: $("#fileForm").serialize() + "&saveButton=" + $("#saveButton").val()
}).done(function(result) {
if (result.OpenUrl) {
window.open(result.OpenUrl, '_blank');
}
if (result.redirectTo) {
setTimeout(function() {
window.location.href = result.redirectTo;
},2000);
}
});
})
</script>