在加载 .json 文件数据后组合 if 语句运行时出现问题

Question

我的页面从 .json 文件加载数据并将其显示在 html 页面中。还有一个 location.reload 元素不断查找更改的数据并在 .json 文件已更改时更新它。参见代码屏幕 1var previous = null;var current = null;setInterval(function() {    $.getJSON('thenumber.json', function(data) {        var text = `The number = ${data.thenumber}<br>                     Confirmed = : ${data.confirmed}`        var pass = `${data.thenumber}`        var conf = `${data.confirmed}`        $(".mypanel").html(text);        $(".passRef").html(pass);        $(".confirmRef").html(conf);        current = JSON.stringify();                    if (previous && current && previous !== current) {            console.log('refresh');            location.reload();        }        previous = current;    });                       }, 2000);我还想添加一些 if 语句，这些语句只能在 .json 数据填充到 html 页面后运行，我开始工作（不包括重新加载功能）代码屏幕 2 之类的东西（由于某种原因它今晚不工作，叹！）。  $(document).ready(() => {  function whatever() {  var what = document.getElementById('confirmRef').innerHTML;  if (what == 'true' ) {       console.log ("call button should activate");  } else if (what == 'false' ) {        console.log ("false confirmation");  } else {        console.log ("confirm says something else!");  }    $.getJSON('thenumber.json', function(data) {            var text = `The number = ${data.thenumber}<br>                         Confirmed = : ${data.confirmed}`            var pass = `${data.thenumber}`            var conf = `${data.confirmed}`            $(".mypanel").html(text);            $(".passRef").html(pass);            $(".confirmRef").html(conf);       })    .then(() => whatever());  };  });问题是，当我尝试组合所有 3 个元素（代码屏幕 3）时，我在某处搞砸了，如果能帮助我向我展示代码应该如何解决问题的示例代码，我将不胜感激。var previous = null;var current = null;$(document).ready(() => {  function whatever() {  var what = document.getElementById('confirmRef').innerHTML;        //console.log (what);

Answer 1

在您的上一个代码中，您将whatever()函数包装在代码周围，并且您then是setInterval 尝试这个的一部分

var previous = null;

var current = null;

$(document).ready(() => {

  function whatever() {

  var what = document.getElementById('confirmRef').innerHTML;

        //console.log (what);

if (what == 'true' ) {

       console.log ("call button should activate");

       //console.log (what);

} else if (what == 'false' ) {

        console.log ("false confirmation");

} else {

        console.log ("confirm says something else!");

  }

}

  setInterval(function() {

        $.getJSON('thenumber.json', function(data) {

            var text = `The number = ${data.thenumber}<br>

                         Confirmed = : ${data.confirmed}`

            var pass = `${data.thenumber}`

            var conf = `${data.confirmed}`

            $(".mypanel").html(text);

            $(".passRef").html(pass);

            $(".confirmRef").html(conf);

            current = JSON.stringify();            

            if (previous && current && previous !== current) {

                console.log('refresh');

                location.reload();

            }

            previous = current;

        })       

        .then(() => whatever());

    }, 2000);

});