javascript - 高级 URL 的搜索框

标签 javascript html search

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

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

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

最佳答案

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

关于javascript - 高级 URL 的搜索框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5670497/

相关文章:

javascript - 如何使用 JavaScript 为 Google API 生成访问 token (以供将来使用)?

javascript - Jquery 从外部函数调用定义的函数

javascript - Windows脚本宿主在运行JavaScript时出现错误

jquery - 如何为所有浏览器使用 jQuery 绑定(bind)到 localStorage 更改事件?

mysql - Solr 索引 mysql 和搜索

javascript - 限制砖石 isFitWidth 居中布局中的列数

jquery - 在 chrome 中显示错误计算值的百分比最高值 [可能的错误!]

jquery - 使用scrollTo, "next"section 无重复代码

c# - 如何为高级搜索屏幕构建自定义表达式

C# 在泛型数组中寻找最近的值?