如何重新加载其URL通过javascript window.history.pushState固定的页面（取决于该页面）

Question

我有一个带有index #content的页面index.php，页面URL为localhost/site/index.php 当我单击页面上的链接时，目标页面将加载到该div上。即，当我单击时，login.html会加载到div #content上，并且网址会更改为localhost/site/login.php。

  

我想做的是当URL为localhost/site/login.php时重新加载时，它加载index.php，但会自动将login.php修复到#content div中。

当我尝试了一些代码以在重新加载之前从URL中提取页面名称时，它会将页面加载到div中，但由于重新加载后代码已被浏览器淘汰，因此无法正常工作。

这是我单击a元素时替换URL的代码

$('a').click(function(e) {
    e.preventDefault();
    url = $(this).attr('href'); 
    window.history.pushState('page2', 'Title', url);
    $("#content").load(e.target.href);
}) 

这是我的代码，用于将login.php页面加载到div #content上。加载或刷新时，默认情况下运行此代码。

$( document ).ready(function() {
    $('#content').load('login.php');
})

  

我希望在URL为localhost/site/register.php的情况下重新加载时实现代码，并加载索引并把register.php加载到div #content上。