javascript - 高级 URL 的搜索框

Question

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

如何制作一个 HTML 搜索框来填写我的 URL 的 QUERY 部分？

它不能真正使用 PHP，但如果必须的话，它可以使用 javascript。

Answer 1

使用 jQuery:

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