Question

我正在使用带有JavaScript的JSON API，并使用append将其添加到HTML中，但是当您转到另一个页面并在浏览器中单击“上一步”时，将重新加载内容，所以我想知道一种避免这种情况的方法，这是我正在使用的JavaScript代码。

var request = new XMLHttpRequest();
request.open('GET', 'https://localhost:3000/api', true);
request.onload = function () {
  var data = JSON.parse(this.response);
  if (request.status >= 200 && request.status < 400) {
    data.forEach(v => {
      const card = '<span><div class="card">v.content</div></span>';
      $("#data").append(card);
    });
  }else{
    console.log('Error al cargar el contenido');
  }
}
request.send();

感谢您的帮助

Answer 1

您必须将get请求的响应保存到本地，然后从中加载。

签出类似问题https://stackoverflow.com/a/17104536/10997917

的答案

当他们在浏览器中单击“上一步”时，如何防止内容重新加载？

1 个答案: