Django: сериализуйте QuerySet и отправьте его в шаблон для использования с Javascript

Question

У меня есть QuerySet, и мне нужно отправить его в мой шаблон, потому что мне нужно манипулировать его значениями для создания массива JS.

Но когда, на мой взгляд, я использую:

 order_items = json.dumps(order_items)

Я получаю:

Object of type QuerySet is not JSON serializable

вид:

import json

def thanks_deposit_payment(request):

    order_number = Order.objects.latest('id').id
    total = Order.objects.latest('id').total
    costo_despacho = Order.objects.latest('id').shipping_cost
    order_items = OrderItem.objects.filter(order=Order.objects.latest('id'))
    # order_items = json.dumps(order_items)

    response = render(request, 'thanks_deposit_payment.html', dict(order_number=order_number, total=total,
                                                                   order_items=order_items, costo_despacho=costo_despacho))
    return response

models.py

class OrderItem(models.Model):
    order = models.ForeignKey(Order, on_delete=models.CASCADE)
    product = models.CharField(max_length= 200)
    quantity = models.CharField(max_length= 200)
    size = models.CharField(max_length=200)
    price = models.DecimalField(max_digits=10, decimal_places=2, verbose_name= 'PEN Price')
    file = models.FileField(upload_to='files', blank=True, null=True)
    comment = models.CharField(max_length=200, blank=True, null=True, default='')
    uploaded_at = models.DateTimeField(auto_now_add=True)

    class Meta:
        db_table = "OrderItem"

Мне нужно сгенерировать массив продуктов, используя элементы из order_items, отправленные из бэкэнда:

 <script>
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            event: 'eec.purchase',
            ecommerce: {
                currencyCode: 'PEN',
                purchase: {
                    actionField: {
                        id: {{ order_number }},
                        affiliation: 'Stickers Gallito E-Commerce',
                        revenue: {{ total }},
                        shipping: {{ costo_despacho }},
                        coupon: 'SUMMER2019'
                    }
                },
                products: [

    {% for item in order_items %}
                  {
                    id: item.order.id,
                    name: item.product,
                    price: item.price,
                    size: item.size,
                    quantity: item.quantity
                  },
    {% endfor %}
                ]
            }
        });
    </script>

ОБНОВЛЕНИЕ 1:

Используя ответ рудрас, я делаю:

def thanks_deposit_payment(request):
    order_number = Order.objects.latest('id').id

    total = Order.objects.latest('id').total

    costo_despacho = Order.objects.latest('id').shipping_cost

    order_items = OrderItem.objects.filter(order=Order.objects.latest('id'))
    order_items = json.dumps(serialize('json', order_items))

    response = render(request, 'thanks_deposit_payment.html', dict(order_number=order_number, total=total,
                                                                   order_items=order_items, costo_despacho=costo_despacho))
    return response

Но получаю ошибку:

VM1835: 1 необработанная ошибка синтаксиса: неожиданный токен & в JSON на позиции 0 в JSON.parse () в (индекс): 55

В thanks_deposit_payment.html :

{% block data_layer %}

<script>
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
        event: 'eec.purchase',
        ecommerce: {
            currencyCode: 'PEN',
            purchase: {
                actionField: {
                    id: {{ order_number }},
                    affiliation: 'Stickers Gallito E-Commerce',
                    revenue: {{ total }},
                    shipping: {{ costo_despacho }},
                    coupon: 'SUMMER2019'
                }
            },
            products: JSON.parse('{{ order_items }}')
        }
    });
</script>

{% endblock %}

ОБНОВЛЕНИЕ 2

Вкладка консоли в инструментах Chrome для веб-разработчиков:

VM2315:1 Uncaught SyntaxError: Unexpected token & in JSON at position 2
    at JSON.parse (<anonymous>)
    at (index):55

Вкладка «Источники» (строка 55):

products: JSON.parse('[{"model": "order.orderitem", "pk": 8, "fields": {"product": "Sobre con muestras", "price": "3.00"}}]')

Answer 1

Вы можете использовать Django JSON Serializer для преобразования набора запросов в строку JSON:

from django.core.serializers import serialize
order_items = OrderItem.objects.filter(order=Order.objects.latest('id'))
order_items = serialize('json', order_items, fields=['id', 'product', 'price'])  # the fields needed for products

Затем используйте его в шаблоне:

 products: JSON.parse('{{ order_items | safe }}')

Answer 2

Попробуйте это:

def thanks_deposit_payment(request):
 order_number = Order.objects.latest('id').id
 total = Order.objects.latest('id').total
 costo_despacho = Order.objects.latest('id').shipping_cost
 order_items = OrderItem.objects.filter(order=Order.objects.latest('id'))

 return JSONResponse(...here goes the dict with all data to send to view)

Даже если вы хотите отправить весь этот набор запросов, вы можете отправить диктат внутри диктанта.) Позже я рекомендую вам использовать AJAX с JQuery.