使用GET提交表单时，如何通过jQuery添加隐藏参数至请求？

我看你遇到的问题是想给GET提交的表单加个filter=budweiser的参数，但现有代码没生效对吧？先看看你代码里的小问题，再给你两种可行的方案：

问题分析 #

你的代码里有个明显的语法错误——submit事件处理函数没有闭合，缺少了});，这会导致整个脚本无法正常执行，自然添加不了隐藏字段。另外，虽然GET表单理论上可以通过添加隐藏字段来传递参数，但有时候浏览器的表单提交流程可能会有小坑，我们可以从两个方向解决：

方案1：修正语法并确保隐藏字段正确添加 #

先把代码的语法补全，同时可以先检查是否已经存在filter字段，避免重复添加：

$('#form1').submit(function(e) {
    // 先检查是否已经有filter字段，避免重复添加
    if (!$(this).find('input[name="filter"]').length) {
        $(this).append('<input type="hidden" name="filter" value="budweiser">');
    }
    return true;
}); // 补上缺失的函数闭合

方案2：直接修改表单的action URL（更稳妥的GET方式） #

因为GET提交的参数是拼接在URL上的，我们也可以直接把参数加到action地址里，这样更直观也不容易出问题：

$('#form1').submit(function(e) {
    var currentAction = $(this).attr('action');
    // 检查URL里是否已经有参数，决定用?还是&拼接
    var separator = currentAction.indexOf('?') !== -1 ? '&' : '?';
    $(this).attr('action', currentAction + separator + 'filter=budweiser');
    return true;
});

额外注意事项 #

• 确保你的代码是在DOM加载完成后执行的，比如把脚本放在</body>标签前，或者用$(document).ready()包裹：

  $(document).ready(function() {
      // 上面的方案代码放在这里
  });
  

• 如果表单原本就携带其他参数，方案2会自动判断拼接符号，避免出现URL格式错误。

内容的提问来源于stack exchange，提问作者ifnotX