Jump to content
Philippe Luis

Como chamar pagina com Ajax e executar função apos a página ser iniciada?

Recommended Posts

Quero chamar uma pagina via ajax, não dentro de uma div nem nda, mas uma pagina completa, não se isso é possivel e se ajax funciona assim.

E quero que execute uma função apos a página ser totalmente aberta. Tipo um jQuery(function($){...});

 

Se poder dar um exemplo funcional agradeço !!

 

Obg. Boa Noite!!!

Share this post


Link to post
Share on other sites

Sim, é possível.

No callback do teu ajax após o .html(), você executa o que você quer.

Share this post


Link to post
Share on other sites

você vai ter que trocar pelo $.get ou $.ajax, pois o .load não te dá a opção que você precisa. (controle sobre o fluxo do script)

 

 

Share this post


Link to post
Share on other sites

Tava dando uma pesquisa aqui e vi sobre isso mesmo.

Eu consigo pegar resultados do host e tudo mais so que o problema que encalhei nessa parte de chamar a página com ajax. da uma olhadinha no código.

$.ajax({ 
        type: 'POST',
        dataType: 'html',
        url: urll+"procuraPadaria.php",
        data: position,
        success: function(data){ 
            if(data == 0){
                alert('Infelizmente não temos estabelicimento para atendelo(a) no momento.');
            }else{
                lojas = JSON.parse(data);
                $.ajax({
                    // ENCALHEI AQUI
                    url: 'lojas.html',
                    success: function( data ){
					// ENCALHEI AQUI
                }
                });
                
               //$('#princ').load('lojas.html'); 
            }
        }
    });

O codigo é mais ou menos esse, eu queria carregar a página via ajax, mas passando o os elementos da vareavel lojas como elementos da pagina, como você disse em uma função de callbeck.

Irei fazer uma função para criar a página lojas com o que eu quero, mas como carregar essa página com ajax e com a função de callbeck?

Share this post


Link to post
Share on other sites

Não entendi ainda oq você pretende fazer...

 

agora respondendo pelo titulo do post...

 

Citar
Como chamar pagina com Ajax e executar função apos a página ser iniciada?
$(document).ready(function() {
	//Só é ativado após a resposta.
	$( document ).ajaxComplete(function( event, xhr, settings ) {
		if(settings.url == '/url_do_ajax'){
			
		}
	);
});

 

Recomendo fortemente a leitura:

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By FabianoSouza
      Pessoal, vejam meu print. A tag img é criada "dinamicamente" (com JavaScript). Não sei é por isso que se cria uma espécie de borda em torno da tag.
      Como removo isso??
      Essa borda só aparece no Firefox (no Edge não aparece).
       
      Meu CSS já tem isso
       
      a img { border: none;}  
       
       
    • By alexdcarvalho
      Como colocar uma imagem no html/css sem que a qualidade dela não decaia? Eu fiz os procedimentos abaixo, achando que a coisa pudesse melhorar, porém a imagem horizontalmente fica esticada, toda a resolução se perde. O que eu quero é justamente fazer com que o width fique completo e o height no 300px, porém com uma qualidade boa.
       
       A resolução original da imagem é de 1920x1279.
       
      .img {     width: 100%;     height: 300px;     background-size: cover;     background-position: center right; }
    • By Victor Lopes
      Bom dia, sou iniciante e estou buscando aprender de casa mesmo a programar, e estou com essa duvida !!
       
      Tenho uma imagem e quero ajustar ela para o lado Esquerdo, e diminuir ela de tamanho e largura, e quero colocar uma msg do lado da imagem.
      Exemplo: Uma img PNG de um telefone e colocar o numero do lado da imagem. Sendo que o meu "Align" Não ta indo, fica em Vermelho. Estou usando o Visual Studio Code. Alguém poderia me ajudar ?
       
       
      Minha tag usada:     <img src="images/telefone.png" width="10%" height="10%" />
       
       
       
       
       
       
    • By Alvaro_php
      Pessoal boa noite
      Estou começando no PHP e estou com uma dúvida para poder enviar uma confirmação de uma página para outra e não quero mandar pela URL, para não ficar visível ao usuário
      Tenho um captcha e nele estou fazendo uma comparação para poder jogar para uma outra página , caso o código esteja certo
      <?php session_start();
          if( $_SESSION['captcha'] == $_POST['captcha']){
          header("location: emitir_titulo1.php");
          }else{
              echo "<h1>Erro - Código digitado errado</h1>";
          }
      ?>
      Até ai tudo bem esta fazendo certinho, o que eu quero é que na minha emitir_titulo1.php eu consiga fazer uma identificação qqer, onde demonstre que o usuário passou pelo captcha e não jogou o caminho completo até a página emitir_titulo1
      Tentei abri a session no emitir_titulo1 porém não deu certo, pois ela vem em branco, e quando coloco o caminho inteiro da página ele abre normalmente
      Tentei usar o $_POST, más não tem como ou não sei enviar mesmo, pois estou chamando a página pelo header
       
       
      Então mudei e tentei criar um arquivo txt com a palavra confirmado
      <?php session_start();
          if( $_SESSION['captcha'] == $_POST['captcha']){
              $fp = fopen("seguranca.txt","a+");
              $escreve = fwrite($ft,"confirmado");
              fclose($ft);
              header ("location: emitir_titulo1.php");
          }else{
              echo "<h1>Erro - Código digitado errado</h1>";
          }
      ?>
       
      e na página emitir_titulo1.php coloquei
      <?php  
          $arquivo = "seguranca.txt";
          $ft=fopen($arquivo,"r");
          $conteudo=fread($ft,filesize($arquivo));
          fclose($ft);
          
          if ($conteudo == 'confirmado')
          {
              unlink("seguranca.txt");
          }else{
              header("location: verificacao.php");
          }
      ?>
       
      Quando a página para executar e digito o código de verificação do captcha, aparece a mensagem abaixo
      Warning: fwrite(): supplied argument is not a valid stream resource in caminhodomeuservidor\valida.php on line 5
      Warning: fclose(): supplied argument is not a valid stream resource in caminhodomeuservidor\valida.php on line 6
      Warning: Cannot modify header information - headers already sent by (output started at caminhodomeuservidor\valida.php:5) in caminhodomeuservidor\valida.php on line 7
       
      Más quando coloco o caminho completo da minha página emitir_titulo1.php, ele continua abrindo a página normalmente, e o arquivo gerado esta em branco
       
      Alguém pode me dar uma ajuda, estou o dia todo nisso, o bom é que pesquisei bastante coisa, porém não tenho muito tempo para finalizar
       
      Desde já agradeço a todos
    • By ramonjba
      Olá pessoal. Estou desenvolvendo uma especie de monitoramento, estou utilizando o MATERIALIZE, desta forma, optei por não trabalhar com responsividade, pois preciso do máximo de informações possíveis na tela, seja desktop ou mobile, fazendo o ajuste de zoom se preciso. Fiquei cerca de dois anos sem programar, eu havia feito esse projeto para meu TCC, porém após finalizar, deixei parado e acabei perdendo. Com o tempo, algumas ideias em relação ao projeto também mudaram, e para apresentar a informações das `Torres de Internet`, utilizei o collapsible-header conforme imagem `projeto_monitor`, pois, ao clicar em cima do `equipamento`, ele apresenta informações relacionadas a ele. Estou tendo problemas para alinhar estes `collapsible-header ` pois preciso preencher toda a tela, sem deixar espaçamentos. Para isso, fiz uma classe CSS contendo: 
       
      .row .col.quadroTorre1 { margin-top: -10%; margin-bottom: 10%; } .row .col.quadroTorre2 { margin-top: -7.3%; margin-bottom: 10%; } .row .col.quadroTorre3 { margin-top: -30%; margin-bottom: 10%; } .row .col.quadroTorre4 { margin-top: -1.7%; margin-bottom: 10%; }  
      E fiz uma verificação no código, para ver qual o numero de equipamentos que a `Torre` que está acima tem. Porém, como podemos observar, na segunda linha funcionou preenchendo os espaços, mas pulando para a terceira linha, já possui uma lacuna em branco, onde deveria estar situado o elemento. Além disso, os elementos da segunda linha, acabam se sobrepondo, conforme imagem `projeto_sobrepor`. Como fiquei cerca de 2 anos sem programar, estou encontrando algumas dificuldades e empacando nelas. A parte de front-end é a que gera maior dificuldade. Se alguém puder me auxiliar, agradeço. 
       
      Edit: Se alguém tiver dicas de como posso melhorar o preenchimento das lacunas em branco. 
       


×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.