[Javascript] JS non esegue funzioni su bottoni stampati da chiamata AJAX

localhost.nicola

Utente Attivo
11 Dic 2015
58
2
8
Buon giorno, forse il titolo spiazza un po ma sicuramente la problematica è di facile risoluzione per voi che siete più esperti di me in JS.

Io tramite questa chiamata AJAX interrogo una pagina PHP che mi restituisce determinati valori sotto forma di oggetto JSON. Una volta ricevuto questo oggetto io devo stamparlo a video in modalità di tabella.

Ovviamente per ogni riga che stampo ci sono delle azioni, quali: elimina anagrafica, aggiorna anagrafica, ecc.. Per ogni td della tabella, o meglio per ogni record che ricevo, io stampo, sempre tramite la stessa chiamata ajax, questi bottoni per le azioni.

Il problema è appunto che non essendo stati caricati nel DOM al momento del caricamento della pagina se provo a legare una funzione semplice, ad esempio:

Codice:
$(".btn").click(function(){

  alert("ciao");

});

Non me la esegue.

Capisco che il motivo è quello sopra specificato ma esiste una soluzione?
Oppure esiste un altra strada da intraprendere?

Di segueito la chiamata AJAX:

Codice:
function onstart_get_anagen(result_store){


        $.ajax({
            url: "AJAX_supporto_pannello_anagrafica.php",
            async: true,
            type: "POST",
            dataType: "json",
            data: "start=1",


            success: function(Risposta){


                
                if ( Risposta[0].response == true && Risposta[0].row > 0 ){
                    
                    var rows = Risposta[0].row;




                    for ( var i = 1; i <= Risposta.length; i++ ){
                        
                            
                            var id_anagen = Risposta[i].id_anagen;
                                    var nome_cognome = Risposta[i].nome_cognome;
                                        var ragione_sociale = Risposta[i].ragione_sociale;
                                            var partita_iva = Risposta[i].partita_iva;
                                                var indirizzo = Risposta[i].indirizzo;
                                                    var provincia = Risposta[i].provincia;
                                                        var telefono = Risposta[i].telefono;
                                                            var id_pagamento = Risposta[i].id_pagamento;
                                                                var id_amministratore_condominio = Risposta[i].id_amministratore_condominio;
                                                                    var cellulare = Risposta[i].cellulare;
                                                                        var codice_fiscale = Risposta[i].codice_fiscale;
                                                                            var email = Risposta[i].email;
                                                                
                                //CORPO TABELLA
                                    bootstrap_table = "<tr>";
                                        
                                        bootstrap_table += "<td> <b> " + id_anagen + " </b> </td>";
                                        bootstrap_table += "<td>" + nome_cognome + "</td>";
                                        bootstrap_table += "<td>" + ragione_sociale + "</td>";
                                        bootstrap_table += "<td>" + partita_iva + "</td>";
                                        bootstrap_table += "<td>" + codice_fiscale + "</td>";
                                        bootstrap_table += "<td>" + indirizzo + "</td>";
                                        bootstrap_table += "<td>" + provincia + "</td>";
                                        bootstrap_table += "<td>" + telefono + "</td>";
                                        bootstrap_table += "<td>" + cellulare + "</td>";
                                        bootstrap_table += "<td> <a href='mailto:" + email + "'>" + email + "</td>";
                                        bootstrap_table += "<td> <button class='btn btn-xs btn-default update_anagen' > <span class='glyphicon glyphicon-pencil'> </span> </button> </td>";
                                        bootstrap_table += "<td> <button class='btn btn-xs btn-danger delete_anagen'  > <span class='glyphicon glyphicon-trash'> </span> </button> </td>";
                                    
                                        
                                    bootstrap_table += "</tr>";
                                //FINE CORPO TABELLA   
                                    


                                $(result_store).html(bootstrap_table);
                    }


                    
                }else if ( Risposta[0].response == false && Risposta[0].row == 0 ){
                    
                    $(result_store).html("No result");
                    
                }


                
                
            },
            
            error: function(){
              alert("Errore, non è possibile accedere alla risorsa desiderata.");
            }
            
        });
}

Grazie in anticipo.
 
Discussioni simili
Autore Titolo Forum Risposte Data
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
F [Javascript] comando innerHTML non funziona Javascript 5
max1974 [Javascript] Grafico ajax non funziona Javascript 0
elpirata [Javascript] Controllo campi required non effettuato Javascript 2
trattorino [Javascript] ho comprato questo plugin ma non capisco come installarlo Javascript 1
Koboshi [Javascript] Carico sul server e non funziona più. Javascript 4
paloppa [Javascript] Mindate non funziona Javascript 0
M La bozza di un sito con alcune funzioni javascript non si apre correttamente su smartphone Javascript 1
J [Javascript] una funzione ricorsiva che non capisco come lavori Javascript 6
U [Javascript] Menu responsive non scompare col click sui link Javascript 0
M Perché Javascript non mi valida questo form? Javascript 0
ken_korn [Javascript][Risolto] browser.tab.Tabs.favIconUrl non funziona Javascript 5
L [Javascript] aiuto non riesco a inviare in get dal server web locale su altervista con httpRequest Javascript 0
T [Javascript] un controllo con checkbox che non... controlla... Javascript 3
G [Javascript] non riesco a usare ace - ReferenceError: define is not defined 1 ace.js:37:1 Javascript 0
A [Javascript] Datepicker - il calendario non si apre Javascript 16
E [Javascript] Messaggio di avvenuto invio mail non visualizzato Javascript 1
B [Javascript] funzioni non funzionanti in un form Javascript 8
simona71 Javascript non funziona più Javascript 1
gandalf1959 [Javascript] document.getElementById non funziona come mi aspetto Javascript 4
S [Javascript] Codice JS inline non funzione su IE Javascript 1
F Javascript che funziona solo nella home page e non nelle altre pagine Javascript 1
L javascript non funzionante con chrome ma solo con ie Javascript 2
A Javascript non funziona correttamente su smartphone Javascript 2
gandalf1959 Richiamare un javascript da php. Non funziona? PHP 2
S Problema non riconosce javascript Javascript 7
C Problema form javascript che non funziona Javascript 4
R Javascript non funzionante su xlogic Javascript 2
A la riga clonata non risponde alle funzioni javascript come la riga madre. Javascript 5
S javascript confirm NON funziona Javascript 1
D Validazione password javascript non fuziona Javascript 7
G valori nella tabella non riconosciuti da javascript se provengono da data base. PHP 4
marino51 LESS, javascript, accesso negato e Carattere non valido HTML e CSS 1
marino51 javascript, accesso negato e Carattere non valido Javascript 5
C Script Javascript/Html che con internet Explorer non viene visualizzato. Javascript 7
K Key API Javascript Google maps non valida. Javascript 1
K Javascript non scrive nulla [array] Javascript 1
I javascript non carica funzione Javascript 0
F Aiuto! Codice Javascript non funzionante correttamente Javascript 0
J Non funziona javascript Ajax 6
S script con javascript non viene visto da Firefox e Explorer ma solo da Chrome Javascript 2
U Youtube Xl javascript .. non si puo copiare Javascript 3
L Netbeanse non compila javascript/html Javascript 1
U file javascript non visibile Javascript 2
M html con inerzia javascript..non funge..help Javascript 0
G Browser non supporta JavaScript Javascript 0
C Cerco una soluzione in javascript ma non la trovo... Javascript 3
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5

Discussioni simili