0

Eu fiz uma coisa do género o utilizador digita uma o que eu peço, de seguida clica no encontrar, e aí faz um ajax para encontrar os dados da pesquisa e manda para uma div. O que o ajax manda para dentro dessa div é basicamente isto:

<h5> Os dados que se apresentam a seguir poderão ser editados / eliminados. </h5>
                <br>
                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon" style="width:50px;"><i class="fa fa-credit-card fa-lg" aria-hidden="true"></i></div>
                            <input type="text" class="form-control" value="'.$data['contribuinte'].'" id="pesq2contr" style="width:400px;">
                        </div>
                        <p class="italic" style="color:white;">Contribuinte</p>
                    </div>
                </form>


                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon" style="width:50px;"> <i class="fa fa-key fa-lg" aria-hidden="true"></i></div>
                            <input type="text" class="form-control" value="'.$data['password'].'" id="pesq2pw" style="width:400px;">
                        </div>
                        <p class="italic" style="color:white;">Password</p>
                    </div>
                </form>


                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon" style="width:50px;"> <i class="fa fa-user fa-lg" aria-hidden="true"></i></div>
                            <input type="text" class="form-control" value="'.$data['nome'].'" id="pesq2nome" style="width:400px;">
                        </div>
                        <p class="italic" style="color:white;">Nome</p>
                    </div>
                </form>


                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon" style="width:50px;"><i class="fa fa-home fa-lg" aria-hidden="true"></i></div>
                            <input type="text" class="form-control" value="'.$data['morada'].'" id="pesq2morada" style="width:400px;">
                        </div>
                        <p class="italic" style="color:white;">Morada</p>
                    </div>
                </form>


                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon" style="width:50px;"><i class="fa fa-map-marker fa-lg" aria-hidden="true"></i></div>
                            <input type="text" class="form-control" value="'.$data['cod_postal'].'" id="pesq2codpost" style="width:400px;">
                        </div>
                        <p class="italic" style="color:white;">Código Postal</p>
                    </div>
                </form>


                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon" style="width:50px;"><i class="fa fa-mobile fa-lg" aria-hidden="true"></i></div>
                            <input type="text" class="form-control" value="'.$data['tlm'].'" id="pesq2tlm" style="width:400px;">
                        </div>
                        <p class="italic" style="color:white;">Telemóvel</p>
                    </div>
                </form>


                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon" style="width:50px;"> <i class="fa fa-phone fa-lg" aria-hidden="true"></i></div>
                            <input type="text" class="form-control" value="'.$data['tlf'].'" id="pesq2tlf" style="width:400px;">
                        </div>
                        <p class="italic" style="color:white;">Telefone</p>
                    </div>
                </form>


                <form class="form-inline">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon" style="width:50px;"> <i class="fa fa-envelope fa-lg" aria-hidden="true"></i></div>
                            <input type="text" class="form-control" value="'.$data['email'].'" id="pesq2email" style="width:400px;">
                        </div>
                        <p class="italic" style="color:white;">Categoria</p>
                    </div>
                </form>
                <br>
                <button id="encontraedit">
                    GUARDAR
                </button>

                <button id="eliminaedit">
                    ELIMINAR
                </button>

Até aí tudo bem. No final como podem ver tem aqueles dois botões eliminar e guardar e eu usei outro AJAX dentro deste para que pudesse fazer o mesmo. O problema é que a primeira vez a correr o AJAX funciona, já a segunda vez não. Por isso queria perguntar se há algo que estou a fazer mal, ou não se deve fazer assim, ou então na página que chama o primeiro ajax como faço para ir buscar os valores dos inputs dentro do AJAX?

script dos botões:

    $("#eliminaedit").click(function(){ 
    var contr = $("#pesq2contr").val();

    swal({   
        title:"Tem a certeza?",   
        text: "Os dados do cliente não poderão ser recuperados!",   
        type: "warning",   
        showCancelButton: true,   
        confirmButtonColor: "#DD6B55",   
        confirmButtonText: "Eliminar",   
        closeOnConfirm: false 
    }, function(){   
        $.post('eliminar_conta.php',{ 
            contr:contr 
        },
        function(data)
        { 
            if(data == "<br>funfou")
            {
                sweetAlert("Sucesso", "O Cliente foi eliminado com sucesso.", "success");
                $("#pesq_nome").slideUp();
                $("#ut_en2").val("");
            }else
            {
                sweetAlert("Erro", "Ocorreu um erro.", "error");
            }

        });
    });


});

    $("#encontraedit").click(function(){ 

        var pesqreal = $("#pesq2contr").val();
        var pesq2contr = $("#pesq2contr").val();
        var pesq2pw = $("#pesq2pw").val();
        var pesq2nome = $("#pesq2nome").val();
        var pesq2morada = $("#pesq2morada").val();
        var pesq2codpost = $("#pesq2codpost").val();
        var pesq2tlm = $("#pesq2tlm").val();
        var pesq2tlf = $("#pesq2tlf").val();
        var pesq2email = $("#pesq2email").val();
        var pesqreal = $("#pesq2contr").val();

        swal({   
        title:"Tem a certeza?",   
        text: "Os dados do cliente serão substituídos!",   
        type: "warning",   
        showCancelButton: true,   
        confirmButtonColor: "#DD6B55",   
        confirmButtonText: "Substituir",   
        closeOnConfirm: false 
    }, function(){   
        $.post('editar_cliente.php',{ 
            real:pesqreal,
            contribuinte:pesq2contr,
            pw:pesq2pw,
            nome:pesq2nome,
            morada:pesq2morada,
            cod_postal:pesq2codpost,
            tlm:pesq2tlm,
            tlf:pesq2tlf,
            email:pesq2email 
        },
        function(data)
        { 
            if(data == "<br>funfous")
            {
                sweetAlert("Sucesso", "O Cliente foi editado com sucesso.", "success");
                $("#pesq_nome").slideUp();
                $("#ut_en2").val("");
            }else
            {
                sweetAlert("Erro", "Ocorreu um erro.", "error");
            }

        });
    });

    });
3
  • 1
    Precisas delegar esses eventos. Testa mudar $("#encontraedit").click(function(){ para $(document).on('click', "#encontraedit", function(){ nos dois sitios e diz aqui se funcionou.
    – Sergio
    Commented 17/05/2016 às 18:42
  • Funcionou. Obrigado Sergio! Mas qual é a diferença entre esses dois? Commented 18/05/2016 às 9:24
  • Dá uma olhada à pergunta que está no link em cima. Tens a resposta lá :)
    – Sergio
    Commented 18/05/2016 às 9:26

0

Pesquise outras perguntas com a tag .