Django:[Object object]返回而不是django视图数组

时间:2015-01-06 15:00:13

标签: javascript python django

我的django项目遇到了一些麻烦。比方说,例如,我编写了一个视图,用于从数据库中提取数据并返回电话簿的名称数组。当我将返回的数据(电话簿联系人数组)放入警报时,名称很好,例如:“Adam”,“Brittany”等。当我在console.log中返回数据时,项目名称也会被返回(“亚当“,”布列塔尼“等。使用javascript,我试图让数据显示在一个td单元格中,只显示单个项目名称,这样就有一个为div的div,一个Brittany的div,等等。不幸的是,不是显示联系人名称,而是代码多次显示[Object object]。如何获取联系人姓名以取代[对象]?为什么会出现[Object object]?感谢您提供的任何帮助。

我的代码如下:

/models.py:

class phonebook(models.Model):
    name = models.Charfield(max_length=200)
    phone_number = models.CharField(max_length=100)

/views.py:

def phonebook_home(request):
    global phonebook
    phonebook = phonebook.objects.order_by('name')

try:
    indexStart = int(request.GET.get('indexStart'))
    indexEnd = indexStart + 3
    next_three_contacts = phonebook.objects.order_by('name')[indexStart:indexEnd]

    serializer = contactSerializer()
    data = serializer.serialize(next_three_contacts)


    contact_count = phonebook.objects.count()
    moreAvailable = ''
    if indexEnd + 3 <= contact_count: 
        moreAvailable = 'more_than_two'
    elif indexEnd + 2 <= contact_count:
        moreAvailable = 'two_more'
    else:
        moreAvailable = 'no_more'
    return JsonResponse({'returned_contacts': data, 'moreAvailable': moreAvailable})
except:
    pass

/Serializers.py:

from django.core.serializers.python import Serializer 

class contactSerializer(Serializer):
    def end_object(self, obj):
        self._current['id'] = obj._get_pk_val()
        self.objects.append( self._current )

/main.js:

function generateCard(contactNameC, iconC) {
    var card = "<td class='tablecells'><a class='tabletext' href='#'><span class='fa "
            + iconC + " concepticons'></span><h2 class='header'>" + contactNameC
            + "</h2><p><span class='fa fa-chevron-circle-right'></span></p></a></td>";
    return card;
}


var indexLast = 9;
$(".showmorebutton").click(function() {
    var config = {
        type: 'GET',
        url: SUBMIT_URL,
        data: {
            indexStart: indexLast
        },
        dataType: 'json',
        success: function (data, textStatus_ignored, jqXHR_ignored)  {
            var moreAvailable = data.moreAvailable;
            var contacts = data.returned_contacts;
            var contactNameLoop = $.each(contacts, function(idx, obj) {
                    console.log(obj.name);
                    alert(obj.name)
                }); 

            if (moreAvailable === "more_than_two") {
                $("table").append("<tr></tr>");
                for (var i = 0; i < 3; i++) {
                var contactName = contactNameLoop[i]
                var icon = "fa facogs";
                $("table tr:last").append(generateCard(contactName, icon));
                }
            }
        }
    };
    $.ajax(config);
    indexLast += 3; 
});

编辑:

我还确保将正确的模块/文件导入到每个python文件中。

1 个答案:

答案 0 :(得分:2)

由于$.each正在迭代所有联系人,您的迭代不会一次产生1个名称。

您应该在联系人迭代中移动generateCard函数并使用obj变量而不是传递整个数组(将整个数组传递给undefined或[object Object])到{ {1}}功能。

generateCard

完整但设计的例子并假设可能有错误的json结构。

&#13;
&#13;
$.each(contacts, function(idx, obj) {
    var icon = "fa facogs";
    $("table tr:last").append(generateCard(obj, icon));
});    
&#13;
var contacts = [
  {name: 'henrik'},
  {name: 'sanaz'},
  {name: 'esther'},
];

var generateCard = function (obj, icon) {
  return "<tr><td>"+obj.name+'</td></tr>';
};
$("table").append("<tr></tr>");
$.each(contacts, function(idx, obj) {
    var icon = "fa facogs";
    $("table tr:last").append(generateCard(obj, icon));
});
&#13;
&#13;
&#13;

<强> 更新

您的问题在于<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <table></table>功能,将generateCard更改为contactNameC