如何在其中提交表格？在 GET 方法中使用 = 代替

Question

表单结构将是这样的：<form target="site.url/search/"><input type="text" name="keyword" value="a"></form>我如何将其提交到何处而不是这样：https://site.url/search/keyword=a它最终会是这样的：https://site.url/search/keyword?a我正在考虑另一种方法，目标网址是：https://site.url/search/keyword?然后找到一种方法来获取文本字段值但不包含文本字段名称，以便它立即附加到 url 的尾部，如下所示。https://site.url/search/keyword?myKeyword这可能吗？

Answer 1

您可以使用 javascript 阻止表单提交，然后重定向页面。

您必须onsubmit向表单添加一个事件并为您的输入字段提供一个ID，以便您可以获取该值。

<form target="site.url/search/" onsubmit="mySubmitFunction(event)">

<input type="text" id="keyword" name="keyword" value="a">

</form>

然后在您的 javascript 中停止表单的正常功能，获取在字段中输入的值，然后重定向页面。

function mySubmitFunction(e) {

  e.preventDefault();

  let keyword = document.getElementById('keyword').value;

  window.location.replace("https://site.url/search/keyword?" + keyword);

}