Question

基本上，我实现了Ajax来动态更改网页，如下所示：

<a href="javascript:loadProfile()">Profile</a>
<script>
function loadProfile() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
        document.getElementById("main").innerHTML =
        this.responseText;
        }
    };
  xhttp.open("GET", "profile.php", true);
  xhttp.setRequestHeader("Authorization", "index:redirect")
  xhttp.send();
  history.replaceState({foo: 'profile'}, "Profile", "profile.php");
}
</script>

单击链接应触发页面刷新以在当前站点中显示新内容。现在，这可以正常工作，但是在重新加载页面或为书签添加书签并加载它时，肯定不是来自主页的内容，而是仅调用profile.php。

直接访问目标地址时，我想加载我的主页（home.php），然后替换配置文件的div，与该页面上的loadProfile（）调用相同。

有没有办法做到这一点？

Answer 1

我通过使用Apache服务器上的.htaccess文件解决了该问题。在这里不做详细介绍（因为我自己问过这个问题），您只是通过php重定向来利用基本的路由和URL管理。

Ajax书签：加载正确的页面

1 个答案: