关于html：使用javascript自动填写“表单”和“提交”，无需按“提交”


Fill a “form” and “submit” using javascript automatically without pressing “submit”

本问题已经有最佳答案，请猛点这里访问。

我看过不同的线程但找不到合适的解决方案。
我想制作一个假的html文件，它自动填充表单并在浏览器加载时提交。

两个输入字段maks和reciever由我给出的值填充，但我需要按提交。
如果可能的话，如果输入字段的值不可见则可能会很好。 谢谢。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html xmlns="http://www.w3.org/1999/xhtml">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <head>
    <script type="text/javascript">
      function postReq() {
        var frm = document.getElementById('post_req');
        if (frm) {
          frm.submit();
        }
      }
   

  <body onloadx="postReq()">
    <form method=POST name=exampleform id='post_req'
       action="/ex/makfoer.php">
      <input name=maks type=hidden value="2" />
      <input name=reciever type=hidden value="otto" />
      <input type=submit />
    </form>
  </body>

</html>
相关讨论

在你的情况下你可以使用：

document.exampleform.submit();

说明：

exampleform是表单的名称，因此您可以通过以下方式获取表单：

document.exampleform

现在，您只激活表单的.submit()方法。 您无需提交提交按钮。 所以一切都是隐藏的。

1.关闭标签。

2.对属性name，type等的值使用引号。

3.无需提交按钮，特别是因为您不希望您的表单可见

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html xmlns="http://www.w3.org/1999/xhtml">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <head>
    <script type="text/javascript">
      function postReq() {
        var frm = document.getElementById('post_req');
        if (frm) {
          frm.submit();
        }
      }
   
  </head>

  <body onloadx="postReq()">
    <form method="POST" name="exampleform" id='post_req'
       action="/ex/makfoer.php">
      <input name="maks" type="hidden" value="2" />
      <input name="reciever" type="hidden" value="otto" />
    </form>
  </body>

</html>
相关讨论

如果你想在没有jQuery的情况下这样做，请使用window.onload事件处理程序：

1
2
3
4
5
6
7
8
9
10
11
<head>
<script type="text/javascript">
  function postReq() {
    var frm = document.getElementById('post_req');
    if (frm) {
      frm.submit();
    }
  }
  window.onload = postReq;

</head>

加载整个页面时会触发window.onload(包括外部脚本，图像等)，而不是在解析和加载页面的DOM后触发的document.onload。

相关讨论