是否可以使用 Jquery 操作表单的目标窗口

Question

我收到了关于表单目标及其目标窗口的问题。假设我们有这个 Html.BeginForm

@using (Html.BeginForm("TestHtmlRedirect", "Home", FormMethod.Post, new {@target="_blank", @id = "tagging_frm", @class = "form-horizontal row-border" }))
{
    <input type="submit" value="Html PsBk Click" />
}

通常在单击提交按钮时会触发一个新标签，我的问题是 如何或者是否可以在此表单的新创建选项卡上附加一些内容？

例如，我想通过父选项卡在新创建的选项卡上附加加载 gif。

Answer 1

假设动作和脚本都来自同一个服务器/来源，您可以这样做：

$(function() {
  $("#tagging_frm").on("submit",function(e) {
    e.preventDefault(); // cancel submit
    var w=window.open("",this.target);
    w.document.write('<div id="container"><img src="loading.gif"/></div>');
    w.document.close();
    $.post(this.action,function(data) {
      w.document.getElementById("container").innerHTML=data;
    });
  });
});

要加载 csv 或 pdf 试试这个替代方法

$(function() {
  $("#tagging_frm").on("submit",function(e) {
    e.preventDefault(); // cancel submit
    var w=window.open("",this.target);
    w.document.write('<form id="myForm" action="'+this.action+'" target="myframe" method="post"></form><img id="loading" src="loading.gif"/><iframe name="myframe" onload="document.getElementById(\'loading\').style.display=\'none\'"></iframe>');
    w.document.close();
    w.document.getElementById("myForm").submit();
  });
});