搜索框到高級網址

Question

我在我的網站上有一個搜索引擎，SERP的網址是search/QUERY/1/。

如何製作一個HTML搜索框來填寫我的URL的QUERY部分？

它不能真正使用PHP，但它可以使用JavaScript，如果它必須。使用jQuery

Answer 1

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 
?> 

Answer 2

：

Live Demo

$('#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">