Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Sucess no Ajax sem fechar modal

12-07-2015 18:34

Boa noite,

Estou utilizando ajax para inserir no banco de dados, e meu formulário de cadastro está em uma janela modal (lightbox), e coloquei, caso inserir no banco de dados o sucess atualize a página location.reload();
Porém quando atualiza a página o lightbox fecha, gostaria de atualizar e continuar a janela modal na tela, sem fechá-la. Será que tem como ?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Sucess no Ajax sem fechar modal

12-07-2015 21:11

Geralmente se usa o Ajax para exatamente não atualizar o documento. Você poderia exibir uma mensagem ou usar um jQuery load para recarregar alguma div com algum documento desejado.

Mas se realmente precisa atualizar o documento você vai precisar ativar um evento no $(document).ready do jquery para abrir a modal novamente, tipo:

$(document).ready(function() { $('#sua_modal').show(); });

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Sucess no Ajax sem fechar modal

13-07-2015 10:08

o problema é que o reload() sempre efetua sem ordem, fechando novamente a modal. mesmo se eu colocar ele em primeiro.

$(document).ready(function() { location.reload(); $('#sua_modal').show(); });

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Sucess no Ajax sem fechar modal

13-07-2015 11:07

Se você enviar um hash no location.href, exemplo:

location.href='pagina.php#atualiza'

No documento você usa o seguinte:

<script src="jquery.js"></script> <script> $(document).ready(function() { window.onhashchange = function () { var Hash = location.hash.split('#')[1]; alert(Hash); } }); </script>

Assim quando a página for atualizada e receber o rash mostra o alert. Ai você troca o alert pela chamada da sua modal.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Sucess no Ajax sem fechar modal

14-07-2015 12:39

Agora porque não retorna quando eu atualizo o banco de dados

$response = array("success" => true); echo json_encode($response); success: function(response) { location.reload(); }

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Sucess no Ajax sem fechar modal

14-07-2015 15:27

Ao invés de recarregar a página toda, já pensou em atualizar somente a div que provavelmente você tem que deve carregar os novos dados?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Sucess no Ajax sem fechar modal

14-07-2015 16:02

seria uma ótima, eu faria isso em ajax mesmo ?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Sucess no Ajax sem fechar modal

14-07-2015 16:30

Sim. Você pode fazer em Ajax ou jQuery. Supondo que for fazer em jQuery, ao invés de atualizar todo documento você pode fazer assim:

// LINHAS PARA EVITAR CARREGAR ARQUIVO EM CACHE var d = new Date(); var u = d.getTime(); $("#div").load("consulta.php?u="+u);

Ai essa linha vai recarregar os resultados atualizados dentro da div após a atualização.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Sucess no Ajax sem fechar modal

15-07-2015 13:02

web

o meu problema está sendo no success.

success: function(data) { if(data == 1){ alert(data); $("#novo").focus(); } }


no novo.php

if($_POST['colaborador'] == $id){ $retorno = 1; $valida = false; }

o data está retornando o valor 1 , porém não está executando no success, que é o alert e o focus. Se eu tirar o IF ele funciona.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Sucess no Ajax sem fechar modal

15-07-2015 14:20

Veja se esse exemplo ajuda

<script src="jquery.js"></script> <script> $(document).ready(function() { $.ajax({ url: "teste2.php", texto: "abcd", type: "GET", success: function(data){ alert('correto'); if(data==1) { alert('1'); } }, error: function(){ alert('erro'); } }); }); </script>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Sucess no Ajax sem fechar modal

16-07-2015 14:43

Deu tudo certo. Obg web quando ficar rico vou lembrar de você :)
1

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado