保存输入的自动刷新页面答案

【问题标题】：Auto refreshing page with saved input保存输入的自动刷新页面
【发布时间】：2018-05-24 20:00:48
【问题描述】：

我正在尝试制作一个 JSP，它大约每 2scd 刷新一次，并将用户提示的内容保留在输入表单中。

我的想法是用 javascript 保存输入，将它们添加到 URL 并刷新页面，然后检索并设置输入。

这是我的 JS 代码：

$(document).ready(function () {

函数 refreshPage(){

  var mapValue = new Array();
  var mapName = new Array();
  var i = 0;
  $(".positionInput").each(function() {
      mapValue[i] = $(this).val();
      mapName[i] = $(this).attr("name");
      i++;
  });

  var parameters = "";

  for(i = 0; i < mapName.length; i++){
     if(mapValue[i] != ""){
        parameters += "?" + mapName[i] + "=" + mapValue[i];
     }
  }

  window.location.href = "http://localhost:8080/drawinguess/waitingplayer.jsp" + parameters;

  setTimeout(refreshPage, 2000);  //execute itself every 2s

}

刷新页面();

});

但是计时器变得疯狂（即使有 1 百万延迟），它使用 window.location.href 尽可能快地刷新自己（没有这个，它工作正常）

如果您有任何其他想法或我做错了什么，请提前感谢

【问题讨论】：

标签： javascript jsp servlets input

【解决方案1】：

您可以尝试为此使用本地存储。最好的方法是，不用刷新整个页面，您只需通过设置服务并使用诸如 fetch() 之类的异步函数来访问这些服务并更新页面来刷新所需的内容。

【讨论】：

我知道你的意思我会试试解决办法是把 setTimeout(refreshPage, 2000);在函数之前并删除 refreshPage();