Using jquery to capture event and ajax call back

Question

I'm trying to do something simple, capture any click event and send the url to a php script.

With the alert(a); the ajax.php will be call every single time, if I remove it, once every 20 clicks will work, I wonder if it's because the alert(a) slow things down ?

$('a').click(function(){
    var a = $(this).attr('href');
    $.ajax({
        type: "POST",
        url: "/ajax.php",
        data: { b1: a , b2: "456" },

    });
    alert(a);
});

As far as i can see, the /ajax.php will get called for every click, irrespective of the alert — Arun P Johny
– Arun P Johny, Commented Apr 20, 2013 at 10:35

Niels · Accepted Answer · 2013-04-21 08:19:52Z

1

If you click on the A, there is still the event to go to another page. So do this:

$('a').click(function(e){
    e.preventDefault();
    var a = $(this).attr('href');
    $.ajax({
        type: "POST",
        url: "/ajax.php",
        data: { b1: a , b2: "456" },
        success : function(){
            document.location = a;
        }
    });
});

edited Apr 21, 2013 at 8:19

answered Apr 20, 2013 at 10:17

Niels

50.1k4 gold badges68 silver badges86 bronze badges

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

1 Comment

Arnaud Over a year ago

If I add e.preventDefault(); then it will load ajax.php but not follow the link.

Collectives™ on Stack Overflow

Using jquery to capture event and ajax call back

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related