谷歌自定義搜索 - 更改網址，而不刷新頁面

Question

我想執行結果只有谷歌自定義搜索類似於this page。 如果您查看頁面和源代碼，您可以瞭解Google自定義搜索的實現方式。當有人輸入搜索詞並按下搜索按鈕時，它不會刷新頁面，但結果將顯示。太棒了。所以，我想要實現這一點。

此外，當按下提交按鈕時，地址欄中的URL不會改變。但是，我希望在爲SEO目的提交表單時在URL中添加查詢。例如，如果有人搜索世界的url應改爲index.html？q =世界，但沒有刷新頁面。

如何使用javascript或jquery實現它？

感謝您的幫助。 http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/

例如：

Answer 1

可以使用HTML5的歷史機制做到這一點在現代瀏覽器像這樣：

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