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");
}
});
});
});
$("#encontraedit").click(function(){
para$(document).on('click', "#encontraedit", function(){
nos dois sitios e diz aqui se funcionou.