已保存输入的自动刷新页面

Question

我正在尝试创建一个大约每2scd刷新一次的JSP，并以输入形式保留用户提示。

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

这是我的JS代码：

$(document).ready(function () {

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

}

refreshPage（）;

}）;

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

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

Answer 1

您可以尝试使用本地存储。最好的方法是，不要刷新整个页面，只需刷新设置服务所需的内容，并使用fetch（）之类的异步函数来点击这些服务并更新页面。