Django AJAX 调用：JS 中的引用表

Question

有没有办法在我的 jquery AJAX 调用中引用包含数据库中数据的列表 (item_list = inventory.objects.order_by('name'))？

这是我的代码：

/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')

def get_next_3_contacts(request):
    returnedContacts = phonebook[contactIndex:contactIndex+3]
    return HttpResponse(phonebook)

/main.js:

var = ajax_call {
    type: 'GET'
    url: DEFINED_URL 
    data: {
        index: contactIndex
    },
    dataType: 'html'
    success: function (returned, textStatus_ignored, jqXHR_ignored) {
        var contactIndex = 0
        function phonebook_list(name, phone_number) {
            "<li>" + name + " : " + phone_number + "</li>"
        }
        for(var index=0; index < 3; index++) {
            var name = phonebook[index].name
            var phone_number = phonebook[index].phone_number
            $("ul").append(phonebook_list(name, phone_number))
        }
        contactIndex += 3
     }

电话簿[index].name / .phone_number 在我的页面上返回“未定义”。我想将我的 js 文件与我的模板文件分开，因为这样我调试起来会更容易，但不幸的是，这个问题困扰了我。我还输入了一个警报来测试是否有任何数据从数据库返回，它只返回一个包含联系人姓名的字符串，联系人姓名之间没有空格。例如：“JaredSarahJohn”。

感谢所有帮助和任何建议！

Answer 1

为了使这个解决方案起作用，需要清理一些东西：

您认为global phonebook 将在get_next_3_contacts() 中可用的想法是不正确的。当您进行最终将调用get_next_3_contacts() 的AJAX 调用时，变量phonebook 不再可用。当对phonebook_home() 的调用完成时，它超出了范围。

解决办法是什么？更改 phonebook_home() 以接受偏移量和计数参数。让它进入数据库并返回请求的数量。这称为分页，您应该熟悉它！

def phonebook_home(request, offset, count):
    phonebook = phonebook.objects.all()[offset:offset+count]

但是我们如何将这些结果传递给您的 AJAX 处理程序？您不能只是将对象列表“返回”给HTTPResponse() 函数——它正在寻找要渲染的文本，而不是模型对象。

import json
from django.http import JsonResponse
def phonebook_home(request, offset, count):
    status = "OK"
    return_data = ""

    try:
        phonebook = phonebook.objects.all()[offset:offset+count]
        return_data = json.dumps(phonebook)
    exception:
        status = "UH OH"

    return JsonResponse({'data': return_data, 'status': status)