javascript - 提交位于不同页面的表单

Question

我使用的系统遇到了一些问题。我想在提交后以及用户在页面 B 上执行某些操作或进入或离开页面后提交位于页面 A 上的表单。

我想在用户进入或离开页面 B 后，位于页面 A 上的表单将被提交，而无需用户执行任何操作。

到目前为止，我已经尝试使用纯 JavaScript 和 jQuery 从页面 B 提交表单...

<script type="text/javascript">
document.getElementById("formID").submit();
</script>

...以及使用 jQuery 做同样的事情...

jQuery( document ).ready( function() {
    jQuery( "#formID" ).submit();
    });

我什至尝试向表单添加一个 onClick 函数，并将该函数放置在页面 B 中，但它不起作用。

我愿意接受想法或可能的修复。

Answer 1

如果我正确理解你的问题，简单的答案是你不能。 JavaScript 只能与当前加载的页面交互(出于安全原因，它不知道其他浏览器选项卡或类似的内容)。

既然听起来您不需要用户输入第二个表单(否则为什么要自动提交它)，那么我会考虑将第二个表单的数据引入第一个表单。

我可能甚至不应该建议它，因为这确实是一种糟糕的做法...但是您可以在第二页的加载事件上触发第二个表单的提交...

$(function(){ //in the html of the second page to load
    $('#form2').submit();
});

这会导致用户导航到第二页，只是让他们在加载时离开它，这将是一个糟糕的用户体验..但会回答您提出的问题。