JavaScript的PHP的模板系統

Question

我目前有：

• 的index.php：網主頁，顯示頂欄，導航&佔位符內容

• 導航：使用JavaScript加載一個PHP文件如果點擊導航中的鏈接，則從index.php導入到content-section;重要的是：沒有更新的index.php

現在工作正常。此外，點擊鏈接時，地址欄中的網址現在不會更改。

應該怎樣補充說：

如果在導航點擊一個鏈接，JavaScript的還是應該加載一個PHP文件，但也應該改變在地址欄中的URL，而不用刷新側。

實施例：

• 地址：「www.example.com
• 在導航鏈接的 「工作」 被點擊
• work.php被裝入的index.php
的內容部分現在
• 網址：「www.example.com/work

此外，如果用戶鍵入在地址欄中的index.php www.example.com/work應加載work.php withou t被點擊的鏈接。

一個很好的例子，瞭解我的問題與地址欄中的網址是Facebook。希望我能澄清我的問題，以便有人能夠幫助我;-)

Answer 1

只能更改URL的hashtag而不刷新頁面（發出另一個請求）。 因此，當點擊導航鏈接時，您可以將「www.example.com」更改爲「www.example.com/#work」，但不能在不重新加載頁面的情況下將其更改爲「www.example.com/work」 。

＃標籤可以用JavaScript使用window.location.hash

window.location.hash = "work"; 

Answer 2

如果您正在尋找避免井號標籤獲取設置，你可以使用HTML5 history API。這使您可以使用history.pushState()和history.replaceState()方法在您的頁面中使用/。 還有這個plugin，你可能會覺得有用。