在页面中加载另一个页面并附加另一个URL

Question

我到处寻找这个，但不知道如何去做。

我希望在页面顶部有链接，例如;新闻|评论|图像等

当有人点击其中一个链接时，我希望它从另一个php文件加载内容，同时将链接名称附加到网址上。示例：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检索它。

第二个是标题字符串，我相信目前没有浏览器充分利用它，所以它可以是任何东西。

最后一个参数是地址栏中您想要的新网址。

因此，如果您想要加载图片链接，并且您希望网址看起来像/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);
    }
});