Django button ajax click

Question

I have some HTML that Django is rendering well. I'd like to click a button on the HTML and have that cause an event to fire in the view.

It doesn't look like the button is causing the post to fire. I'm not sure what I'm doing wrong.

This is my views.py code:

def log(request):
  if not request.POST:
    template = loader.get_template('log.html')
    html = template.render(Context())
    return HttpResponse(html)
  print "Post"

This is my log.html:

<!DOCTYPE html>
<html>
<head>
    <title></title>
<script type="text/javascript">
    $("#update_log_button").bind("button", function(){
        $.post("hello");
        return false;
    });
</script>
</head>
<body>
<p>
    <span>SPHIINX Log</span>
</p>
<p>
    <textarea cols="2" name="log" rows="25"></textarea>
     <input id="update_log_button" name="update_log" type="button" value="Update Log"/>
</p>
</body>
</html>

score 3 · Accepted Answer · edited Dec 06 '12 at 07:42

3

Is there a reason Why you are not using the click event directly?

Try this:

<script type="text/javascript">
  $(function(){
    $("#update_log_button").click(function(){
        $.post(
         url : "/hello/",
         dataType:"html",
         success: function(data, status, xhr){
            //do something with your data
        }
        );
        return false;
    });
 });
</script>

If the button is dynamically created then you may want to use the bind function to attach click event handler to the element:

<script type="text/javascript">
   $(function(){
    $("#update_log_button").bind('click', function(){
        $.post(
         url : "/hello/",
         dataType:"html",
         success: function(data, status, xhr){
            //do something with your data
        }
        );

        return false;
    });
   });
</script>

Try this URL to include the JQuery library:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

edited Dec 06 '12 at 07:42

Jean-François Corbett

37,420
30
139
188

answered Dec 05 '12 at 22:42

Raunak Agarwal

7,117
6
38
62

Probably not I have changed the answer...Mind the url. Change to what you are using! – Raunak Agarwal Dec 06 '12 at 03:48
That didn't work for me either. I'm sure, it is my lack of understanding of JS / AJAX. – user1357182 Dec 06 '12 at 05:00
What is the easiest way to get my views.py to respond to a button click from the .html? – user1357182 Dec 06 '12 at 05:00
Sure, I get: No Javascript on this page If – user1357182 Dec 06 '12 at 05:27
I guess you script tags are fine but where is you jquery lib? – Raunak Agarwal Dec 06 '12 at 05:30
missing ) after argument list [Break On This Error] url : "/log/", /log/ (line 21, col 24) – user1357182 Dec 06 '12 at 05:32
Again, I'm very new to JS, how do I include jquery into my django .html file? Is there some kind of #include analog? – user1357182 Dec 06 '12 at 05:33
Updated the answer include this in your html file to load jquery lib – Raunak Agarwal Dec 06 '12 at 05:38
Thank you I was missing that – user1357182 Dec 06 '12 at 05:41

Django button ajax click

1 Answers1

Linked