Question

假设我正在做一个POST表单，所以我设置了我的方法和操作：

<form method="post" action="page.php">
  <textarea name="content"></textarea>
  <input type="submit" value="Submit">
</form>

我的数据已成功传输，一切都很棒。现在让我们说我想在提交时打开一个新窗口。通常你会做这样的事情：

<form method="post" action="page.php" onSubmit="window.open('page.php', 'Submission', 'width=600,height=400,status=yes,resizable=no,scrollbars=no'>
  <textarea name="content"></textarea>
  <input type="submit" value="Submit">
</form>

但这是难题：当您单击“提交”时，将打开弹出窗口，表单将在原始窗口中提交。

问题：这个window.open JS方法是否与POST操作一起使用？我的语法错了吗？

Answer 1

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

    <textarea id="text" name="content"></textarea>
    <input type="submit" onclick="submit()" value="Submit">
    <script>
    function submit()
    {
    var text = document.getElementById("text").value;
        $.ajax({
            type: "POST",
            url: "post.php?text="+text,
            success: function(html){ alert('POST OK'); window.open('http://www.google.com'); }
        });
    }
    </script>

Answer 2

如果返回false，表单将无法提交。

<form method="post" action="page.php" onSubmit="window.open('page.php', 'Submission', 'width=600,height=400,status=yes,resizable=no,scrollbars=no'); return false;">
  <textarea name="content"></textarea>
  <input type="submit" value="Submit">
</form>

打开新窗口时的HTML表单数据

2 个答案: