Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di kakashi
    Registrato dal
    Feb 2005
    Messaggi
    357

    Problema - Analizzare il DOM dopo submit ajax

    Salve ho il seguente problema e non riesco a venirne a capo.
    Ho letto e documentato ma non riesco a risolvere ( non sono molto esperto in Jquery e affini, giusto il minimo ).

    In pratica a caricamento pagina faccio riempire il DIV tramite una chiamata $.post

    codice:
    function generate(){            
    $.post("pages/dinami_odl.php?module=init",function(data){
                    $hhtml = $("#elenco").html(data);
                    $("button").removeClass('disabled');
     });
    }
    
    
    $(function(){
    generate();
    });
    Il problema e che quando avvio il codice ( sotto riportato ) mi apre correttamente il modal ma non richiama nessuno dato.

    Da precisare il Modal viene caricato staticamente, il quale dovrebbe prendere appunto i dati dal DIV caricato tramite generate()

    codice:
    $('form').on('submit', function(event) {
                    var btn = $("#invioDato");
                    btn.button('loading');
                    var $form = $(this);
                    var $target = $($form.attr('data-target'));
                    $.ajax({
                        type: $form.attr('method'),
                        url: $form.attr('action'),
                        data: $form.serialize()+"&d="+setting,
    
    
                        success: function(data, status) {
                            $target.modal('hide');       
                            $form.find("input").val("");
                            generate();
                        },
                        error: function(data,status){
                            $target.modal('hide');
                            $.prompt("Codice Errore "+data.status+" : "+data.statusText);
                        }                    
                    });
                    btn.button('reset');
                    event.preventDefault();
                });
    Cosa c'è di sbagliato?
    Grazie

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ma il blocco $('form').on('submit', .... è dentro al ready?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di kakashi
    Registrato dal
    Feb 2005
    Messaggi
    357
    si, si trova all'interno.
    Inoltre mi sono dimenticato di dire che (sempre all'interno del ready) il form viene popolato da questa porzione di codice

    codice:
    $("button[data-toggle=modal]").on('click',function(event){
                    event.preventDefault();
                    $("form").find("input").val("");
                    var $bott = $(this);
                    setting = $bott.attr('rel');
                    $.post("/pages/dinami_odl.php?module=caricamento_menu",{eventmaterial: $bott.attr('rel') },function(data){
                        newdate = "<option>ROOT</option>";
                        $("select").html(newdate+data.t);
                        if($bott.attr('rel')>0){
                            $("input[name=materiale]").val(data.d)
                            $("input[name=nome]").val(data.testo)
                        }
                    },"json").error(function(x,status){
                        if(x.status != 200){
                            $.prompt("Numero errore "+x.status+" : "+x.statusText);
                            $($bott.attr('data-target')).modal('hide')
                        }
                    });
                });

  4. #4
    Utente di HTML.it L'avatar di kakashi
    Registrato dal
    Feb 2005
    Messaggi
    357
    Grazie, ho risolto nel seguente modo

    codice:
    $("#elenco").on('click','button[data-toggle=modal]',function(event){
    

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.