Javascript Ajax调用以更新HTML中的值

我正在尝试实现一个JS，它只使用ajax调用，在一个固定的时间间隔内更新一个静态HTML表，而不使用任何类型的WebSocket等。该页面定期使用源服务器上的新数据进行更新，我希望HTML一旦在用户浏览器中打开，就可以加载新值并动态替换它们

我的解决方案是在服务器上的新版本中将用户HTML的id标记与其更新的对进行匹配，并使用ajax加载函数插入它们

  function updateVals () {
   for (var i = 0; i < (idList.length); i++) {
    $('#' + idList[i]).load('SamebutUpdated.html #' + idList[i])
   }
  }

函数updateVals（）{
对于（变量i=0；i<（idList.length）；i++）{
$（'#'+idList[i]）.load（'SamebutUpdated.html'+idList[i]）
}
}

现在，我的问题是，当我试图在模拟实时服务器（VSC）上更新源HTML值时，用户的HTML是打开的，用户的HTML在重新加载新的数据值之前会跳回原始数据值，我希望它不要这样做，而是保留以前加载的数据值，然后再次替换它们

希望这是清楚和有凝聚力的

---

提前干杯

您能在JSFIDLE中演示这种行为吗？我不知道你所说的“当用户的html打开时”是什么意思，我会尝试设置一个，但可能需要一段时间，因为我刚刚开始使用JS。我的意思是，用户通过键入url打开页面。然后，它应该通过从服务器上（现在）可能更新的self加载值来更新自己。