使用 jQuery 在新窗口上提交表单 - Javascript

有时我们需要在新窗口中提交表单，这时我们可以使用 jQuery 实现。下面就介绍如何使用 jQuery 在新窗口上提交表单。

准备工作

在开始操作之前，我们需要确保已经引入了 jQuery 库。

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

实现方式

1. 创建表单

首先我们需要创建一个表单，并设置好表单的相关属性。

<form id="myForm" action="submit.php" method="post" target="_blank">
  <input type="text" name="name">
  <button type="submit">提交</button>
</form>

上面代码中，我们创建了一个 id 为 myForm 的表单，表单的 action 属性设置为 submit.php，表示表单提交的地址。表单的 target 属性设置为 _blank，表示在新窗口中打开。

2. 使用 jQuery 提交表单

接下来，我们就可以使用 jQuery 提交表单了。

$('#myForm').submit();

上面的代码中，我们使用了 jQuery 的 submit() 方法提交表单，$ 表示选择器，('#myForm') 表示选择 id 为 myForm 的表单。

3. 组合完整代码

下面是完整的代码，包括创建表单和提交表单两个部分。

<form id="myForm" action="submit.php" method="post" target="_blank">
  <input type="text" name="name">
  <button type="submit">提交</button>
</form>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
  $('#myForm').submit();
</script>

总结

使用 jQuery 在新窗口上提交表单十分简单，在这里我们只需要创建一个表单，并使用 jQuery 提交表单即可。通过上述操作，我们可以很轻松地实现在新窗口中提交表单。