Tenho um formulário step-by-step do qual a cada etapa salvo no banco de dados as informações. Na última etapa trago as informações salvas da seguinte forma com jquery:
<script type="text/javascript">
function mostrar(){
$(document).ready(function(){
$.ajax({
type:'post',
dataType: 'json',
url: 'atualizar.php',
success: function(dados){
for(var i=0;dados.length>i;i++){
$('#listar').append(dados[0]);
$('#listar').append(dados[i].id+'</td><td>'+dados[i].nome+'</td><td>'+dados[i].email+'</td></tr>');
}
console.log(dados);
}
});
});
}
setInterval(mostrar, 2000);
</script>
Está funcionando perfeitamente, mas nesse caso estou atualizando por 02 segundos a div e gostaria de saber se é possível atualizar somente quando acessar a div na última etapa. O HTML está dessa forma:
<fieldset>
<!-- Última etapa do step-by-step -->
<h4>Confirme seus dados:</h4>
<div id="listar"></div>
<form role="form" action="" method="post" id="contact-form">
<div class="f1-buttons">
<button type="button" class="btn btn-previous">Alterar</button>
<button type="button" class="btn btn-primary">Finalizar</button>
</div>
</form>
</fieldset>