Ciao a tutti e grazie in anticipo per l'aiuto.
Sto cercando di avvicinarmi ad Ajax quindi premetto la mia poca preparazione.

Ecco il problema: ho una tabella con dei valori estratti da un db Mysql attraverso un ciclo while. Ho creato 2 tasti per incrementare un valore di 1 unità. Ho trovato uno script Ajax che ho adattato alle mie esigenze ma in origine era stato creato per eliminare una row e non per un upgrade.

Ho collegato questo script alla pagina 'insert_flag_penalita.php' che attualmente si occupa di fare una insert su un database mysql. Ora tutto funziona correttamente ma come ben si vede, lo script era stato progettato per fare un delete non un upgrade. Al momento quindi se premo il tasto assegnato, la riga scompare, poi aggiorno la pagina e vedo il valore cambiato. Quello che vorrei ottenere è appunto l'aggiornamento della tabella e non l'eliminazione della riga e vorrei anche togliere l'allert che non mi interessa.

Ecco lo script:


codice:
$(document).ready(function(){


    // Delete 
    $('.delete').click(function(){
        var el = this;


        // Delete id
        var id = $(this).data('id');
        
        var confirmalert = confirm("Are you sure?");
        if (confirmalert == true) {
            // AJAX Request
            $.ajax({
                url: 'insert_flag_penalita.php',
                type: 'POST',
                data: { id:id },
                success: function(response){
    
                    if(response == 1){
                        // Remove row from HTML Table
                        $(el).closest('tr').css('background','tomato');
                        $(el).closest('tr').fadeOut(800,function(){
                            $(this).remove();
                        });
                    }else{
                        alert('Invalid ID.');
                    }
                }
            });
        }
    });
});