javascript - 在页面刷新的 js 中，它会将我带到主页面

Question

使用 AJAX，由于所有功能都加载到动态页面上，无需重新加载页面或更重要的是更改 URL(哈希符号除外)，单击后退或刷新按钮将带您到一个完全不同的网站页面或您的动态网页基本上正在处理的内容的开头，我希望它应该保留在同一页面上在索引页主 div #content 上放置。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){
var trigger = $('#nav ul li a'),
container = $('#content');
trigger.on('click', function(){
	var $this = $(this)
	target = $this.data('target');
	container.load(target + '.php');
	return false;		
});
});

</script>

<style>
#nav ul{
overflow:hidden;
margin: 0;
padding:0;
list-style-type: none;
}
#nav ul li{
float:left;
}
#nav ul li a{
display:inline-block;
padding:18px 15px;
}
#content{
padding:15px;
}
</style>

<nav id="nav">
<ul>
	<li><a href="#" data-target="home">home</a></li>
	<li><a href="#" data-target="about">about</a></li>
</ul>
</nav>

Answer 1

Ajax 内容一直持续到您刷新页面为止，如果您想保留这些值:一旦您将 ajax 请求发送到要呈现的页面，您就可以执行此操作，一旦刷新页面，您就可以从 session 中呈现此部分(如果之前已设置)，将此日期存储在 session 中。

用户关注内容以保存您在 ajax 加载期间检索到的页面数据。

session_start();
$page_data = 'set value in this variable during your ajax call';
//save data in $_SESSION
$_SESSION['page_data'] = $page_data;

下面的代码用于在 html 上呈现数据:

if(isset($_SESSION['page_data']))
    {  $html = $_SESSION['page_data'];}