jQuery on click event send POST request

Question

Trying to send POST request on click event using jQuery with no luck. Here is what I use:

    <script type="text/javascript">
        $('#taxi_update').click(
            $.ajax({
                'type':'POST',
                'data':'id=17446&chru=0',
                'success':function() { ... },
                'error':function(){ ... },
                'url':'/url/',
                'cache':false
            })
        );
    </script>
    <a href="#" id="taxi_update">update</a>

Unfortunately it doesn't send any POST request.

Any suggestions what could be wrong with this?

Nick Craver · Accepted Answer · 2010-05-01 21:19:52Z

17

Since your script occurs before the element, it needs to be wrapped in a document.ready event and the click handler itself much be a function, like this:

$(function() {
  $('#taxi_update').click(function() {
    $.ajax({
      type: 'POST',
      data: 'id=17446&chru=0',
      success: function() { ... },
      error: function(){ ... },
      url: '/url/',
      cache:false
    });
  });
});

Most of the time you'll want your code inside a document.ready because the elements it's looking for might not be there/ready yet, like this:

$(function() { });
//or...
$(namedFunction);
//or...
$(document).ready(function() { });

answered May 1, 2010 at 21:19

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

Collectives™ on Stack Overflow

jQuery on click event send POST request

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