Django JSON не удается загрузить

Question

Я отправил ajax-вызов в / cart / total, где я выгружаю строку JSON, хранящуюся в локальном хранилище, используя post, когда я запускаю json-загрузки, это показывает мне ошибку.

TypeError(f'the JSON object must be str, bytes or bytearray, '
TypeError: the JSON object must be str, bytes or bytearray, not QueryDict

и моя строка JSON перед синтаксическим анализом выглядит как пустое поле, о котором я не знаю в Django

<QueryDict: {'{"32":1,"33":1,"34":2}': ['']}>

<script>


    function addtocart(mitem, mprice) {

        if(localStorage.getItem('cart')==null){
            // var mobj = {}
            // var countQ ={}
            var price = String(mprice)
            var mobj = { [String(mitem)]: 1 }
            var countQ = {'Quantity':1}
            var storeobj = JSON.stringify(mobj)
            var storeCountq = JSON.stringify(countQ)
            localStorage.setItem('cart', storeobj)
            localStorage.setItem('quantity',storeCountq)
            console.log(localStorage.getItem('cart'))
        }else{
            var data = localStorage.getItem('cart')
            var quant = localStorage.getItem('quantity')
            var obj = JSON.parse(data)
            var parsequant = JSON.parse(quant)
            if(obj.hasOwnProperty(String(mitem))){
                obj['%s',mitem]++
                parsequant['Quantity']++
                var storeobj = JSON.stringify(obj)
                console.log(localStorage.getItem('cart'))
                var storeCountq = JSON.stringify(parsequant)
                localStorage.setItem('cart', storeobj)
                localStorage.setItem('quantity', storeCountq)
            }
            else{
                obj[String(mitem)] = 1
                parsequant['Quantity']++
                var storeobj = JSON.stringify(obj)
                console.log(localStorage.getItem('cart'))
                var storeCountq = JSON.stringify(parsequant)
                localStorage.setItem('cart', storeobj)
                localStorage.setItem('quantity', storeCountq)
            }
        }
        }

    function ajaxcall(){
            $.ajax(
                        {
                            type: "POST",
                            url: "/cart/total",
                            data: localStorage.getItem('cart'),
                            success: function () {
                                console.log("sent tdata")
                            }
                        })
                }

        ajaxcall()
    </script>

 <p style="position: absolute; bottom: 0px"><button class="button" style="width: 200px" onclick="addtocart( '{{M.Menu_Item_Id}}', '{{M.Menu_ItemPrice}}' )" >Add to cart</button>

функция просмотра

@csrf_exempt
def cartpricecalculator(request):
    if request.method == 'POST':
        data = json.loads(request.POST)
        print(request.POST)

    return HttpResponse('200 Okay')

Я не уверен, что я делаю неправильно, любая помощь приветствуется.

Answer 1

request.POST для данных формы. Вам нужно;

data = json.loads(request.body)

Answer 2

Попробуйте:

В JS передайте dict вместо строки.Согласно документации ajax, данные должны быть объектом с ключом и значением или строкой объекта с ключом и значением.

Ref: https://api.jquery.com/jQuery.ajax/

function ajaxcall(){
            $.ajax(
                        {
                            type: "POST",
                            url: "/cart/total",
                            data: {'cart': localStorage.getItem('cart')},
                            success: function () {
                                console.log("sent tdata")
                            }
                        })
                }

В python

@csrf_exempt
def cartpricecalculator(request):
    if request.method == 'POST':
        cart_data = json.loads(request.POST.get('cart', '{}'))
        print(request.POST)
        print(request.POST.get('cart'))

    return HttpResponse('200 Okay')