JavaScript: creare una libreria AJAX

Di seguito vorrei presentarvi una semplice libreria/wrapper AJAX che ho realizzato per il mondo mobile al fine di essere indipendente sotto questo aspetto da jQuery e per future integrazioni con Node.js.

La libreria è chiamata Ajax ed ha i seguenti metodi:

1. get(options): esegue una richiesta GET
2. post(options): esegue una richiesta POST
3. getJSON(options, callback): esegue una richiesta GET con il formato JSON

L'oggetto options contiene:

1. url: l'URL dello script che elaborerà la richiesta
2. data: i dati passati con la richiesta (sia come query string che come oggetto letterale)
3. complete(): callback da eseguire quando la richiesta è completa

La libreria ha un oggetto Utils che possiede dei metodi che possono essere utilizzati anche all'esterno della libreria stessa:

1. toQueryString(): trasforma un oggetto in una query string
2. serialize(): serializza un form
3. getQueryString(): estrae la query string dai link

Esempio d'uso:

var btn = document.getElementById('get');
btn.addEventListener('click', function() {
    var output = document.getElementById('output');
    Ajax.post({
        url: '/echo/html/',
        data: {
            html: '<p>Test</p>'
        },
        complete: function(html) {
            output.innerHTML = html;
        }
    });
}, false);

Demo e codice

Visualizza