Javascript 当我回来时,Ajax数据消失了

Javascript 当我回来时,Ajax数据消失了,javascript,jquery,html,ajax,web,Javascript,Jquery,Html,Ajax,Web,我制作了一个html页面,并使用ajax调用获取一些数据 ajax调用成功后,我使用来自ajax调用的json数据呈现到html元素 但是,如果我点击某个链接进入另一个页面,当我返回时,根本没有数据 当我从其他页面返回时,如何保存数据元素 <!DOCTYPE HTML> ... ... <body> <div id='data'> </div> <a href='/next'> NEXT </a> <script ty

我制作了一个html页面,并使用ajax调用获取一些数据

ajax调用成功后,我使用来自ajax调用的json数据呈现到html元素

但是,如果我点击某个链接进入另一个页面,当我返回时,根本没有数据

当我从其他页面返回时,如何保存数据元素

<!DOCTYPE HTML>
...
...
<body>
<div id='data'>
</div>
<a href='/next'> NEXT </a>
<script type='text/javascript'>
$.ajax({
    type : 'GET',
    url : '/data/user',
    ...
    ...
    success: function(json) {
        $('#data').append(json.username);
    }
    ...
</script>
</html>

...
...
$.ajax({
键入:“GET”,
url:“/data/user”,
...
...
成功:函数(json){
$('#data').append(json.username);
}
...

当我单击“下一步”并返回历史记录时。用户名将消失。

当重新加载页面时,来自ajax的所有数据肯定会丢失。如果您已经使用缓存属性提前进行ajax调用,则可以加快ajax调用

$.ajax({
  url: "test.html",
  cache: true
})
  .done(function( html ) {
    $( "#results" ).append( html );
  });

您需要一些服务器端技术来从服务器加载数据。Ajax只是针对单个请求修改您的
DOM
。或者在页面加载中执行。当您刷新页面或浏览另一个页面时,它可能会丢失数据。但是如果Ajax调用不是基于某个条件;并且服务器端仍然存在相同的数据,那么它应该即使您刷新了页面,也可以在这里共享您的代码。您可以在jquery ready函数中调用ajax,这样每次访问页面时都可以使用用户名,或者可以将用户名存储在ajax文件中的$\u会话变量中,并且可以在html页面中设置条件,如果未找到会话,则可以创建ajax call设置sessionCall在
$(document).ready(function(){//your code here});
我设置的缓存是真的,但我丢失了数据。是的,它将丢失,但这会使速度加快一点