当我回来时，Ajax数据消失了

Ajax data disappeared when I come back

本文关键字：Ajax 数据 消失了 回来      更新时间：2023-09-26

我制作了一个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>

当我点击"下一步"并返回历史记录时。用户名是go away。

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

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