Question

我创建了一个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>

当我点击＆＃39; NEXT＆＃39;和历史回来。用户名就会消失。

Answer 1

当重新加载页面时，来自ajax的所有数据肯定会丢失。如果您之前已通过使用缓存属性

进行了ajax调用，则可以加快ajax调用

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

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

1 个答案: