Javascript + jQuery: a crash course

Javascript

reference: http://learnxinyminutes.com/docs/javascript/

A function is declared with the function() keyword

function doSomething(thing) {
    return console.log(thing.toUpperCase());
}
doSomething("lol");

Function objects don’t even have to be declared with a name – you can write an anonymous function definition directly into the arguments of another

setTimeout(function(){
    // this code will be called in 5 seconds' time
}, 5000);

jQuery event methods

reference: http://www.w3schools.com/jquery/jquery_events.asp

You must pass a function to the event

("p").click(function() {
   console.log("click!");
});

jQuery callback functions

reference: http://www.w3schools.com/jquery/jquery_callback.asp

A callback function is executed after the current effect is completed.

Typical syntax: $(selector).hide(speed,callback);

$("button").click(function(){
  $("p").hide("slow",function(){
    alert("The paragraph is now hidden");
  });
});

jQuery and AJAX

reference: http://www.jquery-tutorial.net/ajax/the-get-and-post-methods/

Typical syntax: $.get/post(URL, params, callback);

$.post("test_post.php",
{
    name: "John Doe",
    age: "42"
},
function(data, textStatus)
{
     alert("Response from server: " + data);
});

The first parameter of the callback function is the content of the page requested. Since most of times this content is json stuff, I could access its fields with data.name and alike.

The second parameter to the callback function is the request exit status.

If I use get instead of post, it would perform a GET request like test_get.php?name=John Doe&age=42