javascript - 实时显示 JSON 字符串变化时的变量

Question

晚上好，

我正在开展一个个人项目，进展顺利。但我的脑海里突然出现了一个想法。

有没有办法在 JSON 字符串更改时自动刷新变量值(使用 jQuery/JavaScript？

示例:启动 JSON

data = { "time": "01:28" }

数据库检查后字符串将被更改

data = { "time": "01:29" }

页面中的元素如何始终显示更新的值而无需重写

$('#some_id').text(data.time);

提前非常感谢您的帮助。

Answer 1

不要分配给变量，而是尝试调用函数:

const data = (() => {
  let obj;
  function updateView(text) {
    $('#some_id').text(text);
  }
  return {
    setData: function(newObj) {
      obj = newObj;
      updateView(JSON.stringify(newObj));
    },
    getData: () => obj,
  };
})();
data.setData({ "time": "01:28" });
setTimeout(() => data.setData({ "time": "01:29" }), 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='some_id'></div>