如何在网页自动加载上提交表单 - How To Submit A Form On WebPage Load Automatically?

How To Submit A Form On WebPage Load Automatically?

本文关键字：加载提交表单网页 | 更新日期: 2023-09-27

我有一个表单在我的网页，我想提交表单数据自动当用户打开这个在他的web浏览器。这个表单包含固定的数据从我这边和使用不需要添加任何数据。这是我的表单代码…

<form action="data.php" method="post" enctype="plain" id="theForm">   
<input type="text" name="Visitor" value="FIXED-DATA-FROm-ME" />
<input type="submit" value="Send" />
</form>

如何做到这一点?请分享一些简单的步骤或轻编码…

是的，你也可以用JavaScript来做。只需在表单页面上添加以下JavaScript代码，就完成了。当任何访问者打开此页面时，所有表单数据将自动提交…

<script type="text/javascript">
window.onload = function() {
    var form = document.getElementById("theForm");
    form.submit();
}
</script>

如果你不希望用户被重定向，但你想在后台做，你应该使用ajax。如:

$.ajax({
        url: 'data.php',
        type: 'post',
        dataType: 'json',
        data: $('form#theForm').serialize(),
        success: function(data) {
                   ...  success ...
                 }
});

你可以试试这个

Jquery:

$(document).ready(function(){
  $('#theForm').submit();
});

Javascript:

window.onload = function() {
   document.getElementById("theForm").submit();
}

如果所有数据都是静态的，则根本不需要表单。在页面加载时调用ajax页面(document.ready())，在ajax页面中只需将数据插入数据库表

执行以下操作:

使用javascript onload方法

window.onload=function(){ var form = document.getElementById("theForm"); form.submit(); };
使用onload与body tag

在javascript中创建一个函数

function myFunction() { var form = document.getElementById("theForm"); form.submit(); }

在html
中添加以下body标签
<body onload="myFunction()">
使用jquery .ready()函数查看这里