ajax request.method= 'POST' is not working in django - django

Question

I have a problem,Django my ajax post is not working. when i look at the console quantity is not undefined. But my request.post is not working.
<form method="POST">
{% csrf_token %}
<ul>
<li>
<div class="form-group quantity-box">
<label class="control-label">Quantity</label>
<input
class="form-control"
id="quantity"
value="0"
min="0"
max="20"
type="number"
/>
</div>
</li>
</ul>
<div class="price-box-bar">
<div class="cart-and-bay-btn">
<a class="btn hvr-hover" data-fancybox-close="" href="#"
>Buy New</a>
<button type = "submit">
<a class="btn hvr-hover" data-fancybox-close="" id= "qtyButton" data-fancybox-close="" href="{% url 'addCart' %}">Add to cart</a>
</button>
</form>
my js script
$('#qtyButton').click(function(e){
e.preventDefault();
var qty = $('#quantity').val();
var id = {{product.id}};
$.ajax({
type: "POST",
url: "{% url 'addCart' %}",
dataType: 'json',
data: {
"quantity":qty,
"product_id":{{product.id}},
}
});
});
my view.py file
def addCart(request):
if request.method == 'POST':
post = request.POST
quantity = post.get('quantity')
id = post.get('product_id')
item = Product.objects.get(id=id)
Cart.objects.get_or_create(user_id=request.user, product_id=item, quantity=quantity)
else:
return render(request, 'cart.html')
return redirect(request.META.get("HTTP_REFERER", "/"))
I tried so many things. But none of them is working. What should i do ?

Answer 1

You need to pass Jsonresponse() response instead of render() response like this
views.py
from django.http import JsonResponse
def CreditSaveView(request):
if request.method == 'POST':
creditform = CreditForm(request.POST)
if creditform.is_valid():
amt = request.POST['amt']
tag = request.POST['tag']
crs = request.POST['csrfmiddlewaretoken']
CreditModel(amt=amt,tag=tag).save()
return JsonResponse({'status':'done'}
script
<script>
document.getElementById("creditbtn").addEventListener("click", function () {
let id_amt = document.getElementById('id_amt').value;
let id_tag = document.getElementById('id_tag').value;
let crs = document.getElementsByName('csrfmiddlewaretoken')[0].value
my_data = { csrfmiddlewaretoken: crs, amt: id_amt, tag: id_tag };
console.log(my_data)
$.ajax({
url: "/creditsave/",
method: "POST",
data: my_data,
// dataType: "json",
success: function (data) {
if (data.status == 'done') {
// document.getElementById('creditform').reset()
console.log(data)
document.getElementsByTagName('form')[1].reset()
}
}
});
});
</script>