使用jQuery submit()函数无法传递search_btn变量的技术咨询

我太懂这种卡壳的感觉了——用jQuery的submit()方法提交表单时，默认确实不会把触发提交的按钮（比如你的search_btn）参数带到URL里，因为这个方法是直接触发表单的提交事件，而非模拟用户点击按钮的完整流程。下面给你几个靠谱的解决方案：

方案1：手动添加隐藏字段（最稳妥） #

既然submit()不会自动带上按钮参数，那我们就主动给表单加一个和按钮同名的隐藏字段，这样提交时参数就会被包含进去了：

// 给你的表单绑定submit事件
$('#your-form').submit(function(e) {
  e.preventDefault(); // 先阻止默认提交行为，避免重复提交
  
  // 动态创建隐藏input，名字和值和你的search_btn一致
  const hiddenBtn = $('<input>').attr({
    type: 'hidden',
    name: 'search_btn', // 必须和按钮的name属性完全一致
    value: $('#search_btn').val() // 取按钮的value值，也可以写固定值比如"submit"
  });
  
  // 把隐藏字段加到表单里，再提交
  $(this).append(hiddenBtn).submit();
});

这个方法不管是GET还是POST请求都适用，而且完全不受其他事件绑定的影响，兼容性拉满。

方案2：模拟原生按钮点击（更贴近用户操作） #

如果你之前用jQuery的click()触发没用，试试用原生JS的点击方法，有时候jQuery的事件绑定会干扰这个流程：

// 直接触发按钮的原生点击事件
document.getElementById('search_btn').click();

注意：这个方法要求你的按钮必须是表单的子元素，而且按钮本身的点击事件没有阻止默认提交行为（比如没有e.preventDefault()）。如果按钮不在表单里，记得给按钮加form="your-form-id"属性，关联到对应的表单。

方案3：绑定按钮的点击事件来处理提交 #

干脆跳过表单的submit()，直接在按钮的点击事件里处理字段修改和提交逻辑，这样天然就能带上按钮参数：

$('#search_btn').click(function(e) {
  e.preventDefault();
  
  // 这里做你需要的表单字段修改操作
  $('#some-input').val('修改后的值');
  
  // 直接提交表单，此时按钮的参数会自动被包含
  $('#your-form').submit();
});

关键提醒 #

• 确保你的提交按钮有正确的name="search_btn"属性，没有name的话参数根本不会被提交；
• 如果是GET请求，参数会显示在URL里；POST请求则会在请求体中，你可以用浏览器开发者工具的Network面板确认；
• 如果表单有多个提交按钮，这种方法还能精准区分是哪个按钮触发的提交。

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