Question

我对如何解决这个问题感到有些困惑：发生了什么，是我在AJAX中有一个函数每5秒从php文件中打印出来，如下所示：

function loadJSON() {
$.ajax({
    url: 'dataPull.php?buster='+Math.random(),
    type: 'get',
    dataType: 'json',
    error: function (xhr, status, error) {
        setTimeout('loadJSON()',5000);
    },
    success: function (txtInfo) {

        $("#pulltxtdata").text(txtInfo.details.txt.info);
        $("#pulltxtdata2").text(txtInfo.details.txt.info2);
        $("#pulltxtdata3").text(txtInfo.details.txt.info3);

        setTimeout('loadJSON()',5000);
    }
});
}

我想用HTML <td id="pulltxtdata"></td>在HTML中实现的目的是每当pulltxtdata的值达到某个阈值时重新着色单元格的背景（如果它超过某个阈值，则重新着色单元格的背景） 10）。这是我可以包含在JSON / AJAX函数中的内容还是我计算后需要提取pulltxtdata的值？

Answer 1

添加文字后，请检查pulltxtdata：

中的值

 function loadJSON() {
  $.ajax({
    url: 'dataPull.php?buster=' + Math.random(),
    type: 'get',
    dataType: 'json',
    error: function(xhr, status, error) {
      setTimeout('loadJSON()', 5000);
    },
    success: function(txtInfo) {

      $("#pulltxtdata").text(txtInfo.details.txt.info);
      $("#pulltxtdata2").text(txtInfo.details.txt.info2);
      $("#pulltxtdata3").text(txtInfo.details.txt.info3);

      var pullTxtData = $('#pulltxtdata');

      if (parseInt(pullTxtData.text()) >= 10)
          pullTxtData.css('background-color', 'red');
      });

      setTimeout('loadJSON()', 5000);
    }
  });
}

Answer 2

您需要能够查看被拉取的数据并确定价值。然后你可以做这样的事情：

var value = ProperlyConvertToSomeNumber( txtInfo.details.txt.info ) ;

$("#pulltxtdata").text(txtInfo.details.txt.info);
$("#pulltxtdata").css( "background-color",
                       SomeFunctionThatReturnsAColorStringBasedOnValue( value ) );

从AJAX拉出的表中自动重新着色单元格

2 个答案: