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

Torna su