make ajax calls with jquery

1// GET Request
2    $.ajax({
3        url: "example.php?firstParam=Hello&secondParam=World", //you can also pass get parameters
4        dataType: 'json',	//dataType you expect in the response from the server
5        timeout: 2000
6    }).done(function (data, textStatus, jqXHR) {
7        //your code here
8    }).fail(function (jqXHR, textStatus, errorThrown) {
9        console.log("jqXHR:" + jqXHR);
10        console.log("TestStatus: " + textStatus);
11        console.log("ErrorThrown: " + errorThrown);
12    });
13
14//POST Request
15    var formData = {name: "John", surname: "Doe", age: "31"}; //Array 
16    $.ajax({
17        url: "example.php",
18        type: "POST", // data type (can be get, post, put, delete)
19        data: formData, // data in json format
20       	timeout: 2000,	//Is useful ONLY if async=true. If async=false it is useless
21        async: false, // enable or disable async (optional, but suggested as false if you need to populate data afterwards)
22        success: function (data, textStatus, jqXHR) {
23            //your code here
24        },
25        error: function (jqXHR, textStatus, errorThrown) {
26            console.log("jqXHR:" + jqXHR);
27            console.log("TestStatus: " + textStatus);
28            console.log("ErrorThrown: " + errorThrown);
29        }
30    });
31
32
33//Alternatively, the old aproach is
34    $.ajax({
35        url: "api.php?action=getCategories",
36        dataType: 'json',
37        timeout: 2000,
38        success: function (result, textStatus, jqXHR) {   //jqXHR = jQuery XMLHttpRequest
39            /*You could put your code here but this way of doing it is obsolete. Better to use .done()*/
40        },
41        error: function (jqXHR, textStatus, errorThrown) {
42            console.log("jqXHR:" + jqXHR);
43            console.log("TestStatus: " + textStatus);
44            console.log("ErrorThrown: " + errorThrown);
45        }
46    });