How to print Django Ajax return as Template Data?

Question

I want to print Products data returned by following views on template. When I check the context its printing the correct data but when I try to print data in template it shows nothing. I checked Networks inside browser console, data is called there but I dont know why its not printing to views

Template

 {% for product in products%}
                    {{product.name}}
                    {%endfor%}

My Ajax:

$(document).ready(function() {
    var compare = localStorage.getItem("comparisionItems");
    var compareObj = JSON.parse(compare);
    
    
    
    console.log(compareObj)
    
   
      
    $.ajax({
      url: './compare',
      type: "POST",
      data: compare,
      headers: { "X-CSRFToken": $.cookie("csrftoken") },
      dataType: "json",
      contentType : "application/json",
      processData: "false",
      success: function (data) {
        location.reload();
          
       },
      
    });
});

Views.py

def compare(request):
    is_ajax = request.headers.get('X-Requested-With') == 'XMLHttpRequest'
    if is_ajax and request.method == "POST":             
        data = json.loads(request.body)     
        compare_ids = data['itemIds']      
        products = Products.objects.filter(id__in=compare_ids)   
        print(products)   
        context={'products':products}
        return render(request,'./compare.html', context)
    else:
     return render(request,'./compare.html')

Answer 1

QuerySets are lazy!
When you call print() function, products queryset evaluate immediately

You can use all() so it evaluate in your template:

products = Products.objects.filter(id__in=compare_ids).all()

Also take a look at this documentions