根據網址更改頁面內容

Question

我有一個可以處理類似請求的后端

http://mysite/A.html // return A.html
http://mysite/B.html // return B.html
http://mysite/C.html // return C.html

現在，我需要添加站點菜單來從中訪問A，B，C頁面，而無需重新加載頁面。 並且，如果我加載頁面A.html，然后單擊菜單中的B，則應該顯示頁面B，並且網址變為http：//mysite/A.html#B 。

因此，我需要以某種方式編寫代碼以允許用戶發出此類請求：

 http://mysite/A.html // show A.html
 //...same for B.html, C.html
 http://mysite/A.html#B // show B.html
 http://mysite/C.html#A // show A.html
 //...etc

據我所知，PHP后端無法處理url中的＃，因此我需要使用Js。 伙計們，這里有什么想法嗎？

當前，如果我處理請求http://mysite/A.html#B ，則從PHP后端加載A.html，然后使用JQuery手動將頁面內容替換為B.html。

PS：在將自身替換為B.html之前，我當前的方法顯示A.html頁面一秒鍾，這對我來說是不利的。

Answer 1

您可以使用jQuery Ajax GET方法返回另一個頁面的HTML內容。

jQuery的

$('a').on('click', function(e) {
e.preventDefault();
var ID = $(this).attr('href');
$.get(ID, function(data) {
$('#MyReturnDiv').html(data);
});
});

的HTML

<a href="directory of return/A.html">A</a>
<a href="directory of return/B.html">B</a>
<a href="directory of return/C.html">C</a>

<div id="MyReturnDiv"></div>