javascript - 如何在ajax中处理后定义变量？

Question

我使用 ajax 进程修改 index.php 文件中的用户状态。

它有效，但我想为用户状态的 div 函数着色

我的代码:

function recupstatut() {
  $.post('recup.php', function(data) {
    $('.cont2').html(data);

    var content = document.querySelector('#cont2');
    var status2 = content.innerHTML;

    if (status2 == "En-ligne") {
      content.style.backgroundColor = "#4CAF50";
    } else {
      content.style.backgroundColor = "#f44336";
    }
  });
}

setInterval(recupstatut, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="cont2" id="cont2">
</div>

条件总是应用 else 状态:

content.style.backgroundColor = "#f44336";

我认为问题出在 var status2 =

我该如何解决这个问题？

Answer 1

HTML

<div class="cont2" id="cont2"></div>

脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
function recupstatut() {
   $.post('recup.php', function(data) {
      console.log(data);
      var status2 = data.trim();
      console.log(status2);
      $('.cont2').html(status2);
      if (status2 == "En-ligne") {
         content.style.backgroundColor = "#4CAF50";
      } else {
         content.style.backgroundColor = "#f44336";
      } 
  });
}
setInterval(recupstatut, 1000);
</script>

问题是你在调用函数后导入了jquery文件

所以在调用你的函数之前进行导入

你的错误是你在调用函数后进行了导入，这就是你得到未定义错误的原因。