Question

我在远程服务器上有一个表单，我正在尝试提交数据，例如

<html>
<head>
</head>
<form  action="http://www.example.com/post.php"  method="post">
<input type="text" name="input1" value="test1"  />
<input type="text" name="input2" value="test2"  />
<input type="submit" name="send" value="Submit" />
</form>
</body>
</html>

我正在尝试像这样自动提交数据

<html>
<head>
</head>
<form  action="http://www.example.com/post.php"  method="post">
<input type="text" name="input1" value="test1"  />
<input type="text" name="input2" value="test2"  />
<script type="text/javascript"> 
 document.forms[0].submit(); 
</script> 
</form>
</body>
</html>

如果第一个示例没有（name =“send”）名称但是当它确实有一个名称没有提交时，它可以正常工作。我的问题是如何使用具有名称的输入按钮发送数据。

谢谢

Answer 1

注意：答案结果是type="hidden"而不是type="submit"，其中第二个不允许提交DOM，同时在GET / POST中提交input的值数据。 type="hidden"可以，并且它可以在这里工作，因为按钮不需要进行物理点击。

选择一个：

<form name="formname" id="formid" action="http://www.example.com/post.php" method="post">
<input type="text" name="input1" value="test1"  />
<input type="text" name="input2" value="test2"  />
<input type="submit" name="send" value="Submit" />
</form>
<script type="text/javascript">
if (confirm('Ok for "formname", Cancel for "getElementById"')) {
    console.log('document.formname.submit()');
    document.formname.submit();
} else {
    console.log('document.getElementById("formid").submit()');
    document.getElementById('formid').submit();
}
</script>

http://jsfiddle.net/userdude/EAmwj/3

Answer 2

您的JavaScript代码将在加载页面后立即执行。这就是它立即提交的原因。

您需要将JS代码包装在一个函数中，并让事件从页面中调用它。

您可以使用常规按钮并为按钮的onclick事件设置功能。</ p>


<html>
<head>

<body>
<form  action="http://www.example.com/post.php"  method="post">
<input type="text" name="input1" value="test1"  />
<input type="text" name="input2" value="test2"  />
<input type="button" name="send" value="test2" onclick="doSubmit()"  />

<script type="text/javascript"> 
function doSubmit() {
 document.forms[0].submit(); 
}
</script> 
</form>
</body>
</html>

HTML表单提交数据

2 个答案: