我的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文件中。
答案 0 :(得分:2)
由于$.each
正在迭代所有联系人,您的迭代不会一次产生1个名称。
您应该在联系人迭代中移动generateCard
函数并使用obj
变量而不是传递整个数组(将整个数组传递给undefined或[object Object])到{ {1}}功能。
generateCard
完整但设计的例子并假设可能有错误的json结构。
$.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;
<强> 更新 强>:
您的问题在于<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table></table>
功能,将generateCard
更改为contactNameC
。