AJAX


Le pagine HTML utilizzano JavaScript e fogli di stile (CSS) per fornire contenuti dinamici.

Utilizzando AJAX è possibile aggiornare parte una pagina Web, senza ricaricare l'intera pagina.

GW-104 restituisce i dati codificati ISO-8859-1, quindi è importante preimpostare il set di caratteri di tutte le richieste AJAX.

Questo codice deve essere inserito prima di iniziare qualsiasi richiesta.


$.ajaxSetup ({

  'beforeSend' : function(xhr) {

    xhr.overrideMimeType('text/html; charset=iso-8859-1');

  }

});


È possibile gestire le richieste AJAX con XMLHttpRequest standard o impiegando la libreria JQuery.

Per recuperare informazioni da GW-104 si effettua una richiesta GET.

Di seguito un esempio semplificato per ottenere il file LOG.


JavaScript XMLHttpRequest


var xhr = new XMLHttpRequest();

xhr.open('GET', '/readlog');        // method & enpoint

xhr.onload = function() {

  // handle  xhr.status

  // process xhr.responseText

}

xhr.send();


JQuery


$.ajax({

  type: "GET",

  url: "/readlog",        // endpoint

  timeout: 2000,

  success: function(data) {

    // called when successful

    // process received data

  },

  error: function(data, status) {

    // called when there is an error

       // handle error

  }

});


Per inviare comandi ad GW-104 si effettua una richiesta POST.

Di seguito un esempio semplificato per l'invio di comandi al dispositivo.


JavaScript XMLHttpRequest


xhr = new XMLHttpRequest();

xhr.open('POST', '/cmd');        // method & enpoint

xhr.onload = function() {

  // handle  xhr.status

  // process xhr.responseText

};

xhr.send('AT');


JQuery


$.ajax({

  type: "POST",

  url: "/cmd",        // endpoint

  data: "AT",

  timeout: 2000,

  success: function(data) {

    // called when successful

    // process received data

  },

  error: function(data, status) {

    // called when there is an error

       // handle error

  }

});


Per maggiori informazioni: