Как отправить целое число из ajax без jquery?

Я пытаюсь отправить целое число под названием «petadid» из этого js в представление django под названием «petadlikeview». Но похоже, что данные не попадают в представление. Если я напечатаю "petadid" в представлении, отображается "None". Кто-нибудь может сказать мне, что не так? Я новичок в ajax и django.

Вот мой js:

<script>
$(document).ready(function(argument) {
$.ajaxSetup({cache:false});
var element = document.getElementById("likes");
var petadid = $(this).attr("data-petadid");
element.addEventListener("click",function(){
  var req = new XMLHttpRequest();
  req.open("POST",'/petadlike/')
  req.onload = function(){
    console.info(req.responseText);
    console.info(petadid);
    var data = JSON.parse(req.responseText);
  }
  req.setRequestHeader("X-CSRFToken", '{{ csrf_token }}');
  var data = {
    'petadid':petadid,
  }
  req.send(data);
});
});
</script>

А вот мой django-view:

def petadlikeview(request):
print("vau")
if request.method= = "POST":
    print("vai")
    petadid = request.POST.get('petadid')
    print(petadid)
    petad = PetAd.objects.get(pk=petadid)
    like_count = petad.petadlikes_set.all().count()
    like, created = petadlikes.objects.get_or_create(user=request.user,petad=petad)
    print(created)
    if created is False:
        petadlikes.objects.get(user=request.user,petad=petad).delete()
        like_count -= 1
        liked = False
    else:
        like.save()
        like_count += 1
        liked = True
    dict = {'like_count':like_count}
    return JsonResponse(dict)
    return HttpResponse(str(like_count)+' people have liked this')
else:
    return HttpResponse('Bad Request')