Render django view via javascript

Question

Suppose I have

def bar(request):
    template = loader.get_template('activation/bar_chart.html')
    context = RequestContext(request,{'name':'bar_chart'})
    return HttpResponse(template.render(context))

I want to send a http get request via the javascript in the template

$.get('/bar/')

But it does not render the bar_chart.html, I still stay in the current html page.

If I use the load function in the jquery

$('body').load('/bar/')

then the content of bar_chart.html will replace the body of the current html page. But I want to go to a new page (that is, the url should be /bar)

How can I do that with django and jquery?

Thank you

possible duplicate of Modify the URL without reloading the page — rnevius
– rnevius, Commented Mar 25, 2015 at 13:51

catavaran · Accepted Answer · 2015-03-25 13:37:23Z

1

If you want to go to the /bar/ page you just need to change the location property. JQuery is not needed here:

location.href = "/bar/";

answered Mar 25, 2015 at 13:37

catavaran

45.7k8 gold badges104 silver badges89 bronze badges

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

3 Comments

rnevius Over a year ago

That won't actually render the view via JS though...it'll just handle the redirect via JS. It sounds like the OP wants to load the /bar/ data into the current template, and then update the URL via the history api.

Daniel Roseman Over a year ago

@rnevius but why would they want to do that?

alec.tu Over a year ago

I want to direct to the new page of the URL, not just load the page. Where can I set location.href?

harshil · Accepted Answer · 2015-03-25 21:06:57Z

0

I think i've run into this issue before as well. If I remember correctly you can do the following

return HttpResponse(template.render(context), mimetype='application/json')

answered Mar 25, 2015 at 21:06

harshil

1,7251 gold badge11 silver badges7 bronze badges

2 Comments

alec.tu Over a year ago

So I can use $.get('/bar/'), then the current page will direct to the /bar/?

harshil Over a year ago

I'm sorry i missed that part. I think what you want is basically use pjax this library https://github.com/defunkt/jquery-pjax. . A lot better than managing html5 states.

Collectives™ on Stack Overflow

Render django view via javascript

2 Answers 2

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related