Автообновление страницы с сохраненным вводом

Question

Я пытаюсь создать 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

}

refreshPage ();

});

Но таймер сходит с ума (даже с задержкой в ​​1 мин), он обновляется как можно быстрее с помощью window.location.href (без этого, работает нормально)

Заранее спасибо, если у вас есть другие идеи или если я делаю что-то не так

Answer 1

Вы можете попробовать использовать локальное хранилище для этого.Наилучшим способом было бы то, что вместо обновления всей страницы вы обновляете только то, что нужно, настраивая службы и используя асинхронную функцию, например fetch (), для доступа к этим службам и обновления страницы.