一个表单按钮单击以执行两个操作

时间:2019-06-08 03:38:34

标签: javascript forms button click action

我有一个网页,其主要用途是捕获表单中的数据,然后在onSubmit上应生成另一个窗口或选项卡,程序将在该窗口或标签中处理表单数据。但是,一旦作业在其自己的窗口中启动,我就不想阻止用户填写新表格并提交其他作业。

换句话说,只要在新窗口中加载了新页面,我就希望重新加载当前窗口和页面,并立即准备好让用户将新数据输入表单。

我尝试了如下代码:

<form action="launch.php" method="post" target="newwindow">';
<fieldset>
<button onClick="window.location.reload();">Launch</button>
</fieldset>
</form>

单击按钮后,代码会成功打开在新窗口中的launch.php程序,但不会不重新加载当前页面。

然后,我在这里查看了一个类似问题的答案:https://stackoverflow.com/a/44823571/2708519https://stackoverflow.com/users/6087092/isac

在阅读囊的答案后,我重新编写了代码,如下所示:

<form action="launch.php" method="post" onsubmit="return window.location.reload()" target="newwindow">';
<fieldset>
<button>Launch</button>
</fieldset>
</form>

再次单击该按钮,代码会成功打开在新窗口中的launch.php程序,但不会重新加载当前页面。

我怀疑最好将 action 参数或 onClick 按钮参数形式替换为对 javascript的单个调用function 调用,该调用会基于该单个事件影响两个动作。也许这需要其中的一个 ajax 调用?如果是这样,有人可以给我举个例子,说明包括ajax在内的javascript函数调用是什么样的吗?

在这种情况下,最佳做法是什么?是否有我应该绑定的特定事件?还是无关紧要的?

0 个答案:

没有答案