考虑这个形式:
<form action="http://www.blabla.com?a=1&b=2" method="GET">
<input type="hidden" name="c" value="3" />
</form>
当提交这个GET表单时，参数a和b将消失。 这有什么原因吗? 有没有办法避免这种行为?
当前回答
您应该包括两个项目(a和b)作为隐藏的输入元素以及C。
其他回答
这不是隐藏参数开始的目的吗?
<form action="http://www.example.com" method="GET">
<input type="hidden" name="a" value="1" />
<input type="hidden" name="b" value="2" />
<input type="hidden" name="c" value="3" />
<input type="submit" />
</form>
我不会指望任何浏览器在操作URL中保留任何现有的查询字符串。
如规格(RFC1866，第46页;HTML 4。X节17.13.3)说明:
如果方法是“get”，操作是一个HTTP URI，用户代理将获取action的值，追加一个' ?然后追加使用“application/x-www-form-urlencoded”内容类型编码的表单数据集。
也许可以对action-URL进行百分比编码，以嵌入问号和参数，然后祈祷所有浏览器都能保留该URL(并验证服务器也能理解它)。但我绝不会依赖于此。
顺便说一下:对于非隐藏表单字段也没有什么不同。对于POST，操作URL可以包含一个查询字符串。
回答你的第一个问题，是的，浏览器会这样做，原因是 浏览器并不关心动作URL中的现有参数 所以它会完全去除它们
为了防止这种情况发生使用我写的JavaScript函数 使用jQuery:
function addQueryStringAsHidden(form){
if (form.attr("action") === undefined){
throw "form does not have action attribute"
}
let url = form.attr("action");
if (url.includes("?") === false) return false;
let index = url.indexOf("?");
let action = url.slice(0, index)
let params = url.slice(index);
url = new URLSearchParams(params);
for (param of url.keys()){
let paramValue = url.get(param);
let attrObject = {"type":"hidden", "name":param, "value":paramValue};
let hidden = $("<input>").attr(attrObject);
form.append(hidden);
}
form.attr("action", action)
}
如果你需要变通，因为这个表单可以放在第三方系统中，你可以像这样使用Apache mod_rewrite:
RewriteRule ^dummy.link$ index.php?a=1&b=2 [QSA,L]
然后你的新表单将是这样的:
<form ... action="http:/www.blabla.com/dummy.link" method="GET">
<input type="hidden" name="c" value="3" />
</form>
Apache将附加第3个参数到查询
您应该包括两个项目(a和b)作为隐藏的输入元素以及C。
我的观察
当方法为GET并提交表单时，隐藏的输入元素作为查询参数发送。旧参数在行动url被清除。基本上在这个例子中，表单数据取代了action url中的查询字符串 当方法是POST，并且提交表单时，action url中的查询参数是完整的(req.query)并且输入元素数据作为表单数据发送(req.body)
简单来说，如果你想传递查询参数和表单数据，使用方法属性POST
