Javascript 如何在控制台中调试返回的AJAX数据？

我有一个函数，可以发出AJAX请求并返回一些数据：

$(document).ready(function(){
    $("select#test").change(function(){
        $.ajax({
                url: "",
                data: { "value": $("#test").val(),
                csrfmiddlewaretoken: '{{ csrf_token }}'},
                dataType:"json",
                success: function(data){
                   $("div#return").text(data)
                }
            });
    });
});

当显示时，它显示为

[object object]

。我想在控制台中访问它，但当我加载控制台并键入

data

时，它会告诉我

Uncaught ReferenceError:未定义数据（…）

数据从我的Django视图返回，

data

是一个JSON对象，因此：

    payload = {
        'main': {
            "title": "Jim",
            "description": "I am cool"
        }
    }

    return JsonResponse(payload, content_type='application/json')

---

我只想添加一个断点：

success: function(data){
  debugger;
}

---

我只想添加一个断点：

success: function(data){
  debugger;
}

---

在

$（“div#return”）.text（data）

行上设置一个断点，然后您应该能够检查它。当您将

data

变量中的对象赋给

text（）

方法时，它将强制为字符串，而不是使用

console.log（data）

查看它包含的值。另外，您希望它显示什么

[object object]

是对象的默认

toString

。例如，如果您想要标题，那么只需执行

$（“div#return”）.text（data.main.title）

@Nanor，它对您有用吗？在

$（“div#return”）.text（data）

行上设置一个断点，然后您就可以对其进行检查。

data

变量中的对象在您将其赋予

text（）时被强制为字符串

方法，而是使用

console.log（data）

查看它包含的值。另外，您希望它显示什么

[object object]

是对象的默认

toString

。例如，如果您想要标题，只需执行

$（“div#return”）.text（data.main.title）

@Nanor，它对您有用吗？

console.dir

可能更有用，具体取决于浏览器。@MattBurland或

console.info（'从%s检索：%O'，url，data）

console.dir

可能更有用，具体取决于浏览器。@MattBurland或

console.info（'从%s检索：%O'，url，数据）