通过GET发送表单并重写URL

Question

<form method=\"GET\" action=\"http://www.$domain/search/\">
<input type=\"search\" id=\"search\" name=\"search\" value=\"terms\">
</form>

这会将表单发送到此网址： http://www.$domain/search/?search=terms

但是，如果我想要一个更友好的SEO网站呢？ 像这样： http://www.$domain/search/terms

是否可以不丢失对旧浏览器的支持？

Answer 1

如果您想使用javascript，则可能。

首先，您需要在表单之外移动输入。然后像这样放一个onchange事件：

<input type=\"search\" id=\"search\" name=\"search\" value=\"terms\" onchange=\"myFunction(this.value)\">

然后你需要为表单添加一个id，以便我们可以识别它

<form method=\"GET\" id=\"myForm\">

在Javascript中编写myFunction：

myFunction(value) {
   document.getElementById('myForm').action = "http://www.$domain/search/"+value;
}