Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal, estou montando um envio de formulário via Jquery e asp, tudo esta funcionando certinho, a única coisa que não consegui implementar foi após o envio do formulário a resposata seja que tudo foi enviado com suceesso ele informar na tela o sucesso da atualização e atualizar somente a div que tem o formulário para que apareça os novos dados já atualizados.
Abaixo o script que estou usando
$(function(){
$("#btn_painel_atualiza_dados").click(function(){
beforeSend:$("#carregando_acao").fadeIn("slow");
var nome = $("#nome").val();
var cpf = $("#cpf").val();
var dt_nascimento = $("#dt_nascimento").val();
var email = $("#email").val();
var cep = $("#cep").val();
var endereco = $("#endereco").val();
var compl = $("#compl").val();
var numero = $("#numero").val();
var bairro = $("#bairro").val();
var estado = $("#estado").val();
var cidade = $("select[name=cidade]").val();
var ddd_fixo = $("#ddd_fixo").val();
var fone_fixo = $("#fone_fixo").val();
var ddd_celular = $("#ddd_celular").val();
var fone_celular = $("#fone_celular").val();
var ddd_comercial = $("#ddd_comercial").val();
var fone_comercial = $("#fone_comercial").val();
var ddd_fax = $("#ddd_fax").val();
var fone_fax = $("#fone_fax").val();
var recebe_email = $("#recebe_email").val();
$.post("funcoes_painel.asp?acao=atuDadosUser",{
nome : nome,
cpf : cpf,
dt_nascimento : dt_nascimento,
email : email,
cep : cep,
endereco : endereco,
compl : compl,
numero : numero,
bairro : bairro,
estado : estado,
cidade : cidade,
ddd_fixo : ddd_fixo,
fone_fixo : fone_fixo,
ddd_celular : ddd_celular,
fone_celular : fone_celular,
ddd_comercial : ddd_comercial,
fone_comercial : fone_comercial,
ddd_fax : ddd_fax,
fone_fax : fone_fax,
recebe_email : recebe_email
},
function(pegar_dados){
complete:$("#carregando_acao").fadeOut("slow");
$("#retorno_acao").fadeIn("slow").html(pegar_dados);
if (pegar_dados != "") {
$(document).ready(function(){
setTimeout('document.location="?p=painel_usuario.aspπ=atualizar_dados.asp";',10);
});
}else{
$("#carregando_acao").fadeOut("slow");
$("#retorno_acao").fadeIn("slow").html("O email informado não está correto.<div id=\"btn_voltar\"><img src=\"imagens/btn_voltar.png\" alt=\"voltar\" class=\"btn_voltar\" /></div>");
$(".btn_voltar").click(function(){
$("#retorno_acao").fadeOut("slow");
});
};
});
});
});Notem que eu coloquei um [ setTimeout('document.location="?p=painel_usuario.aspπ=atualizar_dados.asp";',10); ] para atualizar a pagina, porem não gostaria de atualizar a pagina mas sim atualizar somente a div #conteúdo que é a que mostra o formulário, é possivel?
Bom dia Willian, primeiramente obrigado por sua resposta, tenho algumas perguntas.
1 - Utilizando o método 1 ($("#retorno_acao").load('?p=painel_usuario.aspπ=atualizar_dados.asp');) que você sugeriu vai acontecer o seguinte:
2 - Utilizando a sugestão 2 $("#retorno_acao").html(pegar_dados); você diz que seria interessante eu recriar o formulário na pagina que trata as informações a serem atualizadas para trazer ele no retorno, isto?
3 - Com certeza esta correto // $(document).ready(function(){ não sei o motivo de ter colocado ele ali.
Resumindo o que eu estou tentando fazer é atualizar toda e somente a div #base_conteudo_dinamico trazendo todas as informações constantes nela para evitar duplicação de informações que ela já tenha.
Vou colocar o código desta div para ver.
<div id="base_conteudo_dinamico">
<div id="form_atualizar_dados">
<div id="topo_atualizar_dados">
<span class="titulo_pagina_interna">Ataulizar Meus Dados</span>
<span class="info_pagina_interna">Atualize abaixo as informações de seu cadastro</span>
</div>
<div id="carregando_acao">
<img src="imagens/carregando_barra.gif" alt="processando dados..." />
<span class="carregando_acao">processando dados...</span>
</div>
<div id="retorno_acao"></div>
<div class="form_atualizar_dados">
<fieldset>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<label class="lb_frm_painel">SEU NOME</label>
<input type="text" name="nome" id="nome" class="input_frm_painel" value="<%=Rs("nome")%>"/>
</td>
<td width="40"> </td>
<td colspan="2">
<label class="lb_frm_painel">BAIRRO</label>
<input type="text" name="bairro" id="bairro" class="input_frm_painel" value="<%=Rs("bairro")%>"/>
</td>
</tr>
<tr>
<td>
<label class="lb_frm_painel">CPF</label>
<input type="text" name="cpf" id="cpf" class="input_frm_painel" value="<%=Rs("documento")%>"/>
</td>
<td> </td>
<td colspan="2">
<label class="lb_frm_painel">SEU ESTADO</label>
<select class="input_frm_painel" id="estado" name="estado" title="Escolha o estado">
<%
SQLEstado = "select * from estados Order By nome_estado ASC"
Set RsEstado = Conn.Execute(SQLEstado)
If Rs("estado") <> "" Then
Response.Write "<option value="""&Rs("estado")&""" selected=""selected"">" & Rs("nome_estado") & "</option>"
Else
Response.Write "<option value="" selected=""selected"">Escolha seu estado</option>"
End If
WHILE NOT RsEstado.EOF
Response.Write "<option value="""&RsEstado("id_estado")&""">"&RsEstado("nome_estado")&"</option>"
RsEstado.MOVENEXT
WEND
RsEstado.close()
set RsEstado = nothing
%>
</select>
</td>
</tr>
<tr>
<td>
<label class="lb_frm_painel">DATA DE NASCIMENTO</label>
<input type="text" name="dt_nascimento" id="dt_nascimento" class="input_frm_painel" value="<%=Rs("data_nascimento")%>"/>
</td>
<td> </td>
<td colspan="2">
<label class="lb_frm_painel">SELECIONE SUA CIDADE</label>
<select class="input_frm_painel" id="cidade" name="cidade" title="Escolha a cidade">
<%
If Rs("cidade") <> "" Then
Response.Write "<option value="""&Rs("cidade")&""" selected=""selected"">" & Rs("nome_cidade") & "</option>"
Else
Response.Write "<option value="" selected=""selected"">Escolha seu estado</option>"
End If
%>
</select>
</td>
</tr>
<tr>
<td>
<label class="lb_frm_painel">EMAIL</label>
<input type="text" name="email" id="email" class="input_frm_painel" value="<%=Rs("email")%>"/>
</td>
<td> </td>
<td colspan="2">
<label class="lb_frm_painel">TELEFONE FIXO</label>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="65"><input name="ddd_fixo" type="text" class="lb_frm_painel_fone" id="ddd_fixo" maxlength="4" value="<%=ddd_fixo%>"/></td>
<td><input name="fone_fixo" type="text" class="input_frm_painel_fone" id="fone_fixo" maxlength="9" value="<%=fone_fixo%>" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<label class="lb_frm_painel">CEP</label>
<input type="text" name="cep" id="cep" class="input_frm_painel" value="<%=Rs("cep")%>"/>
</td>
<td> </td>
<td colspan="2">
<label class="lb_frm_painel">TELEFONE CELULAR</label>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="65"><input name="ddd_celular" type="text" class="lb_frm_painel_fone" id="ddd_celular" maxlength="4" value="<%=ddd_celular%>"/></td>
<td><input name="fone_celular" type="text" class="input_frm_painel_fone" id="fone_celular" maxlength="9" value="<%=fone_celular%>"/></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<label class="lb_frm_painel">ENDEREÇO E Nº</label>
<input type="text" name="endereco" id="endereco" class="input_frm_painel" value="<%=Rs("endereco")%>"/>
</td>
<td> </td>
<td colspan="2">
<label class="lb_frm_painel">TELEFONE COMERCIAL</label>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="65"><input name="ddd_comercial" type="text" class="lb_frm_painel_fone" id="ddd_comercial" maxlength="4" value="<%=ddd_comercial%>"/></td>
<td><input name="fone_comercial" type="text" class="input_frm_painel_fone" id="fone_comercial" maxlength="9" value="<%=fone_comercial%>"/></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<label class="lb_frm_painel">COMPLEMENTO</label>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="65"><input name="numero" type="text" class="lb_frm_painel_fone" id="numero"value="<%=Rs("numero")%>"/></td>
<td><input type="text" name="compl" id="compl" class="input_frm_painel" value="<%=Rs("complemento")%>"/></td>
</tr>
</table>
</td>
<td> </td>
<td colspan="2">
<label class="lb_frm_painel">TELEFONE FAX</label>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="65"><input name="ddd_fax" type="text" class="lb_frm_painel_fone" id="ddd_fax" maxlength="4" value="<%=ddd_fax%>"/></td>
<td><input name="fone_fax" type="text" class="input_frm_painel_fone" id="fone_fax" maxlength="9" value="<%=fone_fax%>"/></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4">
<label class="lb_frm_painel">Receber emails e contatos do Busca Premiada bem com de seus parceiros e clientes</label>
<input name="recebe_email" id="recebe_email" type="checkbox" value="1" checked="checked" />
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td width="58">
<input type="submit" value="" name="btn_painel_atualiza_dados" id="btn_painel_atualiza_dados" class="btn_painel_atualiza_dados" />
</td>
<td> </td>
</tr>
</table>
</fieldset>
</div>
</div>
</div>
$("#retorno_acao").load('?p=painel_usuario.aspπ=atualizar_dados.asp');
ou então, como retorno, você faz o teu asp cuspir os dados q você quer:
$("#retorno_acao").html(pegar_dados);
e pronto.
retire esse document.ready daqui: