Django序列化json可以在控制台中工作，但不能在带有ajax请求的页面中工作

Question

我已经查看了与此相关的其他问题，但尚未找到可以回答我的（第一！）问题的内容：

我正在序列化 django 视图并使用 ajax （jquery）将其发送到服务器。我收到序列化数据（使用警报进行测试并收到 JSON 数据，200 ok 响应），但无法成功执行以下操作：

$('div#nextSet' + currentLetter).click(function(){
      var output = '';
            $.ajax({
                url: 'path/to/django/view',
                data: {'data':sentToServer},
                datatype: 'json',
                error: function(xhr_data) {
                    display_error();
                },
                success: function(data) {
                    $.each(data, function(i){
                        var firstName =data[i].fields.first_name;
                        var lastName = data[i].fields.last_name;
                        var portrait = data[i].fields.portrait;
                        var output = '<ul><li>' + firstName + ' ' + lastName + '</li>';
                        output += '<li><img src="' + portrait + '" /></li></ul>';
                        alert(output);
                    });
                }
            });
        });

此代码适用于控制台中的 google chrome 和 firefox（警报显示示例 html） ），但无法在页面上运行。我收到以下错误：
未捕获的类型错误：无法读取未定义的属性“first_name”。

我已经尝试使用控制台来查看如何访问 javascript 地图/字典项目，并且在输入以下内容时能够获取一个值，并将 i 替换为实际数字： 数据[数字].fields.first_name 该值显示在控制台中，并且不会出现错误消息。

这是从 django 视图返回的单个项目的数据示例： var data = [{"pk": 8, "model": "app.model", "fields": {"portrait":
“this/is/the/photo/path.png”，“first_name”：“名字”，“last_name”：“姓氏”}}，]。

所有这些都嵌入在成功代码中，这意味着除非回调可用，否则不应执行任何操作（？）。因此，如果数据存在 - 当警报（数据）正在工作并且我从服务器收到 200 ok 响应 - 并且代码正在控制台中工作 - 意味着警报已处理并出现，是否有我忽略的东西？

Answer 1

事实上，您收到“未捕获的类型错误：无法读取未定义的属性‘first_name’”。表明该字段未在数据上定义，但您实际上获取了数组中的对象。

一种想法可能是打印数组对象的控制台语句。

只需添加：

console.log(data[i])

直接在每个函数内部

原因可能与 this 有关