在頁面中加載另一個頁面並追加另一個網址

Question

我已到處尋找這個，但不知道如何去做。

我想在頁面頂部有鏈接，例如;新聞|評論|圖像等

當有人點擊一個這些鏈接，我希望它從另一個PHP文件加載內容，同時追加鏈接名稱的URL。例如：example.com/page1/review。

我看到其他網站這樣做就像http://www.gamespot.com/the-witcher-3-wild-hunt/

我沒有任何代碼的例子，因爲我不知道我會如何甚至開始。我試過.Load，但沒有發現它的工作原理。

Answer 1

可以使用History API，您可以使用pushState的或replaceState更換網址

history.pushState({},"","/the/new/url"); 
//or 
history.replaceState({},"","/the/new/url"); 

兩個函數的參數是相同的。第一個是存儲並傳遞給onpopstate事件的對象。如果瀏覽器重新啓動，您還可以通過history.state檢索它。

第二個是標題字符串，我相信目前沒有瀏覽器完全利用它，所以它可以是任何東西。

最後一個參數是您想要在地址欄中輸入的新網址。

所以，如果說你想加載圖片鏈接，你想要的URL看起來像/Images，你會做這樣的事情

jQuery("#content").load("/images.php").then(function(){ 
    history.replaceState({},"","/Images"); 
}); 

Session History Management Compatibility

Answer 2

我假設，因爲你使用jQuery標籤的問題，您正在使用該庫。查看jQuery中ajax函數的文檔。 http://api.jquery.com/jquery.ajax/沒有看到你的代碼，我不能給你具體的代碼，以幫助你，但這裏有一個例子：

$.ajax({ 
    url: "example.com/page1/" + variable + "/index.php", 
    success: function(result){ 
     $("#div").html(result); 
    } 
});