Django |使用ajax（jquery）显示选择选项的名称值而不是id

Question

这是ajax代码

    $('.addtasksubmit').click(function(e) {
        e.preventDefault();
        

        $.ajax({
            url: 'addtodo',
            type: "POST",
            data: {
                title: $('#task-title').val(),
                category: $('#catsel option:selected').val(),
                'csrfmiddlewaretoken':$('input[name=csrfmiddlewaretoken]').val()
            },
            success: function(response) {
                console.log(response)
                $('.todos-box').append(`
                  <a href="#" class="category-link">${response.category}</a>
                `)
                $("#addtodo").trigger('reset');
                $("#exampleModal").modal('hide');
            }
        })
    })

所以 ${response.category} 给了我类别的ID，但我需要查看类别名称

，这是views.py

        response = {
        'title': request.POST['title'],
        'category' : request.POST['category'],
        }
        todo = Todo.objects.create(title=response['title'],
                                     category=Category.objects.get(id=response['category']),
                                     user=request.user)   
        todo.save()
   return JsonResponse(response, safe=False)

这是HTML

<select name="category" class="form-select form-select-sm" id="catsel">
            <option seleted>Choose Category</option>
            {% for category in categories %}
            <option value="{{ category.id }}">{{ category }}</option>
            {% endfor %}
</select>

有没有办法用ajax查看类别名称而不是id？或者我如何获取类别的名称及其 ID。

抱歉我的英语不好..

Answer 1

经过 5 天的尝试，我解决了这个问题。

将其添加到视图

        response['category']=Category.objects.filter(id=category)
                           .values('name').first()
        data = json.dumps(response)
        return HttpResponse(data)

和 ajax

                <div class="category-list flex-1">
                  <a href="#" class="category-link">${response['category'].name}</a>
                </div> 

中，并添加了 dataType: 'json'

Answer 2

从模板中获取包含类别的 HTML 选择输入会很有帮助。根据您发布的内容，请将views.py调整为

  todo = Todo.objects.create(title=response['title'],
  category = Category.objects.get(id=response['category']),
                                 user=request.user)   
  todo.save()  

  response = {
      'title': request.POST['title'],
      'category' : category.name,
  }


return JsonResponse(response, safe=False)