Skip to content Skip to sidebar Skip to footer

Jquery: Perform A Post Before A Link Is Followed

I need to do an asynchronous post to a server when someone on my site clicks a link. I tried the code below, but it doesn't seem to be doing the task on the server I want it to. I

Solution 1:

The first thing is to cancel the default action of the link by returning false from the click handler. This will allow enough time for the AJAX request to complete. And when it completes, inside the success callback you could redirect to wherever the link is pointing to:

$("#item").click(function (ev) {
    var self = this;
    $.post(link_to_something, function() {
        window.location.href = self.href;
    });
    returnfalse;
});

Solution 2:

You have to check the response to determine whether the post has been succeeded or not then you should go on.

$("#item").click(function (e) {
    e.preventDefault();
    $.post(link_to_something, function() {
        window.location = $(this).attr('href');
    });
});

Post a Comment for "Jquery: Perform A Post Before A Link Is Followed"