Question

Any ideas on why the following code perfectly ‘posts’ when using FF (I can see the DB updated) but fails on Chrome?

    $("a").click(function() {
$.post("ajax/update_count.php",  {site: 'http://mysite.com'});
     }); 

Tip: jQuery version is jquery-1.4.3.min.js

Update

The issue seems to be that when the link is clicked, a new page is loaded, which seems to be stopping the post in Chrome… Is that a possible explanation? If so, what can I do?

Answer 1

You need to prevent the default behavior of an <a>. Use this:

$("a").click(function (e) {
    e.preventDefault();
    // Your code
});

or, if you actually want the link to load the new page, you could try:

$("a").click(function (e) {
    e.preventDefault();
    var href = this.href;
    // Might want to put a "loading" spinner on the page here
    $.post("whatever", {}, function () {
        window.location.href = href;
    });
});

Might have to change it a little – maybe use $(this).attr("href") or $(this).prop("href"), not this.href…the differences those evaluate to may or may not work with window.location.href (I’m sure both do).