JavaScript创建的表单未提交到HTTP服务器

JavaScript创建的表单未提交到HTTP服务器,javascript,html,http,webforms,webserver,Javascript,Html,Http,Webforms,Webserver,我编写了一个python服务器,其中使用了一个自定义的do_GET方法来解析表单值 我的目标是创建一个按钮,我可以把它放在一个表中,当它被点击时会通知服务器,并发送一个服务器可以解析的唯一键。该按钮只需要将预编程的密钥发送到服务器,因此实际上不需要用户可以输入的正常形式值 我搜索了如何做到这一点,我找到了这个例子 我认为这会很好,因为我可以使用html创建按钮,调用我的JS将“表单”提交给服务器 我点击按钮,什么也没发生,我看着我的谷歌浏览器控制台,看到了以下错误:未捕获错误:Hierarchy

我编写了一个python服务器,其中使用了一个自定义的do_GET方法来解析表单值

我的目标是创建一个按钮,我可以把它放在一个表中,当它被点击时会通知服务器,并发送一个服务器可以解析的唯一键。该按钮只需要将预编程的密钥发送到服务器,因此实际上不需要用户可以输入的正常形式值

我搜索了如何做到这一点,我找到了这个例子

我认为这会很好,因为我可以使用html创建按钮,调用我的JS将“表单”提交给服务器

我点击按钮,什么也没发生,我看着我的谷歌浏览器控制台,看到了以下错误:未捕获错误:HierarchyRequestError:DOM异常3

然后我下载了firefox和firebug,firebug很好地完成了我的代码,但这是我第一次使用它,我可能忽略了一些东西

我的目标输出是让服务器接收这个get请求

http://172.26.177.17/standardTable.html?TagID=00-00-11-AB-12
..或具有TagID值的任何其他消息

下面是我的全部代码,您可能希望将操作更改为其他操作,但我认为其他操作都很好

<!DOCTYPE html>
<html>
<head>

<title>Test Form</title>

<script type="text/javascript">

    function createForm()
    {
    myform=document.createElement('form');
    myform.method='get';
    myform.action='http://172.26.177.17/standardTable.html';

    input1=document.createElement('input');
    input1.type='hidden';
    input1.name='tagID';
    input1.value='00-00-11-AB-12';

    myform.appendChild(input1);
    document.appendChild(myform);
    myform.submit();
    }

</script>

</head>


<body>
<button type="button" onclick="createForm()">Click Me</button>
</body>

</html>

测试表
函数createForm()
{
myform=document.createElement('form');
myform.method='get';
我的表格。行动计划http://172.26.177.17/standardTable.html';
input1=document.createElement('input');
input1.type='hidden';
input1.name='tagID';
输入1.value='00-00-11-AB-12';
myform.appendChild(input1);
文件.附件(myform);
myform.submit();
}
点击我

您将附加到文档,而不是正文。要附加到正文中:

myform.appendChild(input1);
document.body.appendChild(myform);
myform.submit();

将其更改为document.body.appendChild(myform);把这个写在答案里,我会给你25个代表,哈哈(接受+投票)