Uso molto spesso il componente modal di Bootstrap, soprattutto per visualizzare loading-dialog nel caso di operazioni AJAX.

Ad esempio:

function myFunc() {
    $.ajax({
        // OPZIONI
        beforeSend: function (xhr) {
            $('#modal_wait').modal('show');
        }
    }).done(function (res) {
        $('#modal_wait').modal('hide');
    }).fail(function (err) {
        $('#modal_wait').modal('hide');
        alert("ERRORE: " + err);
    });
}

Javascript nasce come un linguaggio lato client, e quindi non può accedere ed eseguire operazioni lato server (a meno di non usare framework specifici ovviamente, ma non è il nostro caso).

La mia necessità è quella di far scaricare agli utenti un file tramite AJAX.

Questo perchè il file, prima di essere creato, richiede un pò di elaborazione.

Usando un linguaggio lato server (nel nostro caso PHP) è possibile eseguire questa operazione.

Specifichiamo cha parliamo della versione di 2 di Vue.js.

Lo sto cominciando a vedere adesso, quindi non so quante differenze ci siano con la versione 1.

Comunque, vediamo come effettuare richieste AJAX e di conseguenza riepire una tabella.

Su un nuovo progetto, sto usando molto AJAX e Javascript anche per inviare i form.

In un form, devo aggiornare i dati dell'utente:

  • username
  • password
  • avatar

Quindi devo mandare due stringhe e un file.

Sto iniziando a "giocare" con DHTMLX, e lo trovo molto interessante; ho deciso di usarlo per un gestionale online!

La prima cosa che sto mettendo in piedi è la pagina di login.

Quindi abbiamo il nostro form con username e password, e la chiamata atramite AJAX allo script PHP che si occuperà del login.