搜索框到高级URL

Question

我在我的网站上有一个搜索引擎，serp的URL是search/QUERY/1/。

我怎样才能使一个HTML搜索框填写在我的URL的QUERY部分?

不能使用PHP，但必要时可以使用javascript

Answer 1

使用jQuery:

现场演示

$('#search_button').click(function() {
    var query = encodeURIComponent($('#search_query').val());
    var searchurl = 'http://www.mysite.com/search/{query}/1/';
    var newurl = searchurl.replace('{query}',query);
    alert(newurl);
    // $(location).attr('href',newurl);
});
<input type="text" id="search_query">
<input type="button" id="search_button" value="Search">

Answer 2

HTML:

<form action="index.php" method="post">
<input type="text" name="word" />
<button type="submit">Search</button>
</form>

index . php:

<?PHP
if( isset( $_POST['word'] ) )
{
    header( 'location: /search/' . $_POST['word'] . '/' );
    exit();
}
//Other index.php codes
?>