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


Moderador: web

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

Script para processar dados passo a passo ou em etapas

22-03-2016 14:55

Nesse post vou mostrar um script em jQuery que permite carregar arquivos em etapas. Ou seja, carrega o primeiro arquivo, quando o carregamento do primeiro arquivo estiver completo carrega o segundo arquivo, etc.

Funciona assim, é feito uma requisição AJAX a um arquivo. Quando essa requisição for feita com sucesso

success: function(response){

É feito outra requisição a seguir para outro arquivo.

Esse script é útil para quem tem muitas informações para ser carregadas. Com esse script você pode separar os processos em pequenas partes e usar esse script para ir mostrando o processo passo a passo.

Nesse exemplo chama o primeiro arquivo, quando for concluído chama o segundo.

<script src="jquery.js"></script> <script> $(function() { // CHAMADA 1 // aguarde.. $("#retorno1").html("<img src=\"loading.gif\">"); jQuery.ajax({type: "POST",url: "arquivo1.php",dataType: "html",data: "", success: function(response){ jQuery("#retorno1").html(response); // CHAMADA 1 COMPLETA // CHAMADA 2 // aguarde.. $("#retorno2").html("<img src=\"loading.gif\">"); jQuery.ajax({type: "POST",url: "arquivo2.php",dataType: "html",data: "", success: function(response){ // CHAMADA 1 COMPLETA jQuery("#retorno2").html(response); // CHAMADA 2 COMPLETA }, error: function(){ alert("Ocorreu um erro durante a requisição"); } }); // CHAMADA 2 }, error: function(){ alert("Ocorreu um erro durante a requisição"); } }); // CHAMADA 1 }); </script> <div id="retorno1"></div> <div id="retorno2"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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