javascript - 根据 json 对象的值更改 ajax 函数的输出

Question

我一直在jquery中使用ajax函数来从django函数中提取数据，然后根据ajax函数从django函数中获取的json对象的值将某些css类添加到div中。我尝试使用 if 语句将 css 类添加到我想要受影响的 div 中，但这似乎不起作用，我不知道还能如何解决。我包含了 ajax 函数中的代码，以及显示 json 对象外观的控制台屏幕截图。如有任何帮助，我们将不胜感激。

$(function PYLoad() {
   'use strict';
    $.ajax({
        url: 'http://127.0.0.1:8000/json',
        type: 'GET',
        success: function (data) {
            console.log("PY_Load has Loaded successfully...");
            console.log(data);
        },
        complete: function () {
            console.log('Reloading...');
            setTimeout(PYLoad, 3000);
        }
     });
});

Answer 1

调用之间的 json 对象属性不同，这有点奇怪。但是，考虑到这一点......就这样吧

success: function (data) {
        if(data.green === "green"){
            $("#myDiv").addClass("myClass");    
        }
        if(data.red === "red"){
            $("#myDiv").addClass("myOtherClass")
        }
        if(data.default === "default"){
            $("#myDiv").addClass("myDefaultClass")
        }
},