Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

wills

requisição em ajax

Por , em Javascript

Recommended Posts

wills    0

wills
Postado

olá pessoas, estou fazendo ums requisição em ajax apartir de um click.

 

no exemplo quero que carrega uma imagem porém, enquanto a imagem não é carregada um loader fica na tela e ao completar ele some.

 

tentei fazer com jquery, mas não tive muito sucesso.

 

segue o fonte.

<script type="text/javascript">
$(document).ready(function(){
$("#carrega-ajax").click(function(){

	$(function($) {  
		$("#content").load("imagem.htm");
	}); 
	
	$("#content").ajaxSend(function(evt, request, settings){
		$("#content").show();
		$(".ajax-loader").show();
	 });
	 
	 $("#loading").ajaxStop(function(){
		$("#content").hide();
		$(".ajax-loader").hide();
	 });

});
});
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel-DF    0

Daniel-DF
Postado 

<html>

<head>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

 

$(".ajax-loader").hide();

 

$("#carrega-ajax").click(function(){

$(".ajax-loader").ajaxStart(function(){$(this).show();});

$(".ajax-loader").ajaxStop(function(){$(this).hide();});

$("#content").load("imagem.htm");

});

});

</script>

</head>

<body>

<div id="carrega-ajax">carregar</div>

<div class="ajax-loader">loading...</div>

<div id="content"></div>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito