Ajax jQuery重定向像GitHub或Neowin

我正在建立一個使用純HTML標籤的網站。當我使用像<a href="http://mydomain/xx">xx</a>這樣的超鏈接標記時，我想重定向到<a href="http://mydomain/yy">yy</a>。它可以工作，但我想要一個像GitHub中使用的那樣平滑的Ajax重定向。Ajax jQuery重定向像GitHub或Neowin

在https://github.com/jquery/plugins.jquery.com中，如果您點擊plugins.jquery.com以下的任何鏈接，就可以看到平滑的Ajax重定向。

在Neowin中，如果你點擊底部的任何頁面按鈕，你可以看到那些平滑的重定向。

如何使用jQuery或類似的東西從這個小HTML頁面做Ajax重定向？

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Page 1</title> 
    </head> 

    <body> 
     <a href="page2">Page 2</a> 
    </body> 
</html>

從上面的代碼我想A HREF是阿賈克斯重定向。我現在不在乎花哨的效果，但我希望這種平滑。

來源

2012-02-05 enb141

我想說這是一個專門的功能，特別是在GitHub上。你將不得不做幾件事情：

檢查網頁上或在某個容器的每一個環節上click事件（見http://api.jquery.com/on/）
然後你做真正的AJAX請求（參見http://api.jquery.com/get/）
你會得到整個HTML頁面的響應，它可以過濾，只有更新，實際上改變頁面的部分 - 或者，如果你想更換整個頁面，這樣做（見http://api.jquery.com/html/）

如果你可以詳細說明多一點你迄今爲止的嘗試，我們可以幫助你更好。

來源

2012-02-05 18:53:26

我已經用一個小小的html頁面更新了一點點我的問題 – enb141 2012-02-05 19:08:30

好了，所以你想要替換整個頁面。然後你可以按照我所描述的進行。注意鏈接點擊，獲取href，執行AJAX GET請求並替換頁面內容。試試吧，這不是很難。如果您還有其他問題，我可以編輯我的答案。 – 2012-02-05 19:10:32

閱讀了關於ON，GET和HTML的jQuery鏈接之後，我認爲不會按照我想要的方式工作。我正在尋找一個重定向，但有html標籤在那裏，以便被搜索引擎讀取。 – enb141 2012-02-05 19:22:15

Ajax jQuery重定向像GitHub或Neowin

回答

相關問題