如何将确切的搜索结果传递到新的URL

时间:2014-08-30 18:25:23

标签: forms

所以我在特定页面中使用表单,我希望在提交后将确切的搜索查询传递给另一个网址

示例:我搜索车辆,我需要将结果设为domain.com/search/vehicles

所以这就是我到目前为止:

<form id="" action="domain.com/" method="get">
<input type="text" name="search" />
<input type="submit" value="click here" />
</form>

此处的实际网址结果为:domain.com/?search=vehicles

我无法弄清楚如何让它发挥作用

1 个答案:

答案 0 :(得分:0)

HTML表单会将输入作为GET或POST(或者我认为是DELETE或PUT)参数发送。因此,他们会将其作为url?parameter1=xxx发送,他们不会像您想要的那样将其合并到网址url/parameter1/xxx/中。我认为使用jQuery(或简单的javascript)可以更轻松地完成它。

您可以使用jQuery执行此操作,例如:

$("#form-id").submit(function() {
    event.preventDefault(); // stops form from executing normal behavior
    var newUrl = // get new url parameters and mount it;
    document.location.href = newUrl; // sends to new location
    /* Do Something */
    return false;
});
javascript中的

document.location.href会将您重定向到新页面。