简单的 Javascript 错误 - 表单提交不附加查询字符串答案

【问题标题】：Simple Javascript error - Form submit doesn't append querystring简单的 Javascript 错误 - 表单提交不附加查询字符串
【发布时间】：2012-01-27 08:47:44
【问题描述】：

我想提交一个表单到一个 URL 附加几个值作为查询字符串。

我是用这个来打电话的；

    <form id="form1" method="GET" action="http://abc.appspot.com/_ah/xmpp/message/chat/">
    <input type="text" id="data" />
    <input type="submit" value="Submit" />
    </form>

但是，当我点击提交按钮时，触发的 URL 是 "http://abc.appspot.com/_ah/xmpp/message/chat/?"

不附加“数据”的值。我在这里做了什么傻事吗？

谢谢

【问题讨论】：

这个问题与javascript或jquery无关。
你在这里以什么方式使用 jquery 或 javascript？
我很抱歉造成混乱。当我开始写这篇文章时，我首先从 JQuery 开始。

标签： html forms query-string

【解决方案1】：

仅提交具有name 属性的字段。这是有道理的，因为如果没有 GET 的 POST 中的某些键，您将如何访问这些值。所以把你的代码改成

<input type="text" name="data" id="data" />

【讨论】：

【解决方案2】：

添加名称以输入文本并检查

<input type="text" id="data" name="data" />

【讨论】：

【解决方案3】：

为要提交的任何表单元素提供name 属性，否则它们将被忽略。所以：

<input type="text" id="data" name="data" />

（你不需要 id 属性，除非你从其他地方引用它，但它不会受到伤害。）

另外，在您的表单上添加method="POST" 可能更有意义。

【讨论】：