0

我想在这个页面中实现类似于谷歌自定义搜索的结果。如果您查看页面和源代码,您可以了解 Google 自定义搜索是如何实现的。当有人输入搜索词并按下搜索按钮时,它不会刷新页面,但会显示结果。太棒了。所以,我想实现它。

此外,当按下提交按钮时,地址栏中的 URL 不会改变。但是,我想在提交表单以用于 SEO 时在 url 中添加查询。例如,如果有人搜索world,则 url 应更改为index.html?q=world,但无需刷新页面。

如何使用 javascript 或 jquery 实现它?

谢谢你的帮助。

4

1 回答 1

1

您可以使用 HTML5 历史机制在现代浏览器中执行此操作:http: //spoiledmilk.com/blog/html5-changeing-the-browser-url-without-refreshing-page/

例如像这样:

window.history.pushState("object or string", "Title", "/new-url");

在您的页面上,您可以拥有自己的搜索按钮,当用户单击您以编程方式执行查询时,您可以更改地址栏:

var element = google.search.cse.element.getElement('element1);
element.execute('news');
window.history.pushState("object or string", "Title", "/?q=news");
于 2013-10-27T19:16:14.297 回答