Question

Going with the just jquery it joke i was wondering in my website i have a link that says “Add”. After clicking it the page refreshes and it says remove. I figure this would be better with ajax and not require the page to reload. How do i do this with jquery (should i do it in jquery?) and how do i know when the server receives the add so i can update my picture (i am sure there is a processing/complete state?)

Answer 1

jQuery AJAX functions let you specify success and failure functions which you can use to update your page.

$("#mylink").click (function (event) {
  $.ajax({
    type: "POST", // or GET
    url: "/my/address.php",
    data: "someData=someThing&someMore=somethingElse",
    success: function(data) {
      $("#someElement").doSomething().
    },
    error: function() {
      // something's gone wrong.
    }
  });

  event.preventDefault(); // stop the browser following the link
});

For more read the jQuery AJAX page – it has loads of examples).