如何用一个输入框两个按钮向JSP发送GET/POST请求？

嘿，这个需求其实挺实用的，咱不用搞复杂的东西，两种简单方法就能搞定：

方法一：HTML5原生属性（推荐，简洁无JS） #

HTML5给submit按钮新增了formmethod属性，它可以覆盖表单的默认method，完美匹配你的需求！直接给第二个按钮加这个属性就行，不用改原有表单结构太多：

<form action="systemDetail.jsp" method="GET">
  <input type="text" id="paramInput" name="paramName" />
  <!-- 保持原有的GET提交按钮 -->
  <input type="submit" value="Submit GET" />
  <!-- 新增POST提交按钮，用formmethod覆盖默认方法 -->
  <input type="submit" value="Submit POST" formmethod="POST" />
</form>

原理很简单：点击第一个按钮时，用表单默认的GET方法提交；点击第二个按钮时，会用按钮自己指定的POST方法提交，两个按钮的提交目标都是表单的action地址，输入框的参数也会正常携带。

方法二：JavaScript控制法（兼容旧浏览器） #

如果需要兼容一些不支持HTML5的老浏览器（现在其实很少见了，但还是给你备着），可以用JS动态修改表单的method属性后再提交：

<form id="myForm" action="systemDetail.jsp" method="GET">
  <input type="text" id="paramInput" name="paramName" />
  <!-- 把按钮改成type="button"，避免默认提交 -->
  <input type="button" value="Submit GET" onclick="submitForm('GET')" />
  <input type="button" value="Submit POST" onclick="submitForm('POST')" />
</form>

<script>
function submitForm(method) {
  const form = document.getElementById('myForm');
  // 修改表单的提交方法
  form.method = method;
  // 提交表单
  form.submit();
}
</script>

这个方法的思路是：两个按钮都不是默认的submit类型，点击时调用JS函数，动态修改表单的method，再手动触发提交，同样能实现需求。

两种方法都能保留同一个输入框，不用额外的表单，完全符合你的要求~

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