链接之间的前进和后退而不重新加载页面？

Question

我有六个页面命名为：

page1a.php
page1b.php
page1c.php
page1d.php
page2a.php
page2b.php

每个页面都包含

<button class="back">Back</button>
<button class="forward">Forward</button>
<div class="content">content inside, different for each page</div>

例如，假设我正在访问page2a.php。

当我点击<button class="forward">时，我想重新定位到page2b.php而不重新加载页面，<button class="back">应该带我到page1d.php但没有按下浏览器时发生的完全刷新＆ ＃39;前进和后退按钮。相反，我希望能够无缝过渡到下一页。

当我在最后一页时，应禁用前进按钮，并在第一页上禁用后退按钮。

如果我将来添加更多页面，例如page1e.php，它也可以在不更改代码的情况下工作。

这可能以某种方式使用jQuery / Ajax吗？

Answer 1

如果单击“向前”/“向后”，您正在做的是告诉浏览器加载该页面，这意味着他会自动重新加载它。你不能告诉他不要重新加载页面，因为他根本不会加载它。或者你说“重装”是什么意思？

Answer 2

您可以使用

$( "#result" ).load("ajax/test.html"); 

在特定元素中加载内容