Django is not rendering data when using ajax

Question

I have a simple code in my template.html:

    <div>
        <input type="button" id="buttonId" value="Show Data">  
    </div>
    <script>
        $('#buttonId').click(function() {    
            $.ajax({
                method: 'POST',
                data: {
                    csrfmiddlewaretoken: csrf_token,
                    click: true
                },
                success: function(response){
                    console.log(response) // it is a HTML, not my data
                }
            });
        });
    </script>
    {{results}}

And in my views.py:

    if request.POST.get('click', False):
        ... #here I get finalresults
        return render(request, 'template.html', context={
            'results': finalresults
        })

When I push the Button, the script runs. So I know that after pushing the button, finalresults has content, but this content does not arrive to the HTML template.

What am I doing wrong?

Dipen Dadhaniya · Accepted Answer · 2020-01-23 10:06:26Z

2

console.log(response) // it is a HTML, not my data

You are getting HTML because you are rendering the whole template.

I think you just want to return results. In this case, just change:

return render(request, 'template.html', context={
    'results': finalresults,
})

To:

from django.http import JsonResponse
...
...
return JsonResponse(
    {'results': finalresults},
)

edited Jan 23, 2020 at 10:06

answered Jan 23, 2020 at 10:01

Dipen Dadhaniya

4,6602 gold badges19 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Django is not rendering data when using ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related