I am trying to send ajax request but request QueryDict is empty

index.html

var coin = Number(localStorage.getItem("coin"))
            if (coin!=0) {
                debugger
                $.ajax({
                    url:"/",
                    method:"POST",
                    headers:{"X-CSRFToken":$("input[name=csrfmiddlewaretoken]").val()},
                    data:{"coin":coin},
                    contentType:"application/json",
                    success:function(data){
                        console.log(data)
                        localStorage.setItem("coin",0)
                    },
                    error:function(errMsg){
                        console.log(errMsg)
                        localStorage.setItem("coin",0)
                    }
                })
            }

views.py

elif request.method == "POST":
        print(request.POST)
        response = JsonResponse({"a":"b"},status=200)
        return response

cmd

<QueryDict: {}>
[09/Jun/2024 09:36:49] "POST / HTTP/1.1" 200 10

web console

web console image

output i expect in cmd

<QueryDict: {"coin":anynumber }>
[09/Jun/2024 09:36:49] "POST / HTTP/1.1" 200 10