Loading's AJAX funkcijai

[ArnisR]

Šādi izskatās JavaScript kods:

 

$("button").click(function{

$.ajax({
	url: "data.html",
	type: "HEAD",
	error: function()
	{
		$("#content").html('<p>File not found!</p>');
	},
	success: function()
	{
		$("#content").load("data.html");
	}
});

});

 

Ar šo AJAX funkciju tiek ielādēts ārējā faila saturs. Kādā veidā var uztaisīt loading'u šai funkcijai, ja gadījumā ielāde notiek pārāk ilgi? Paldies!

[briedis]

Būtu jēdzīgi uzreiz rādīt loadingu, lai cilvēks saprot, ka kaut kas tiešām notiek.

 

$("button").click(function{
       //Te parādam loadingu
       $.ajax({
               url: "data.html",
               type: "HEAD",
               error: function()
               {
                       //Paslēpjam loadingu
                       $("#content").html('<p>File not found!</p>');
               },
               success: function()
               {
                       //Paslēpjam loadingu
                       $("#content").load("data.html");
               }
       });

});

 

EDIT: Un izskatās, ka tu te veic divus ajax pieprasījumus. Kāpēc? (otrs ir $.load(..)) Pietiek taču ar vienu!

Edited June 6, 2011 by briedis

[indoom]

pirms ajax ieliec

timer = setTimeout(function(){ 
 $('#loadingimg').fadeIn(); 
}, 2000);

 

2000 ir milisekundes, pēc cik ilga laika ieslēdzas loading bilde, ja nav ticis apturēts. Var likt arī 0, ja grib uzreiz.

 

un iekšā ajax callbackos

if (timer) { 
clearTimeout(timer); 
$('#loadingimg').fadeOut();
}

 

vai arī var automatizēt pie katras ajax izpildes

$('#loadingimg')
 .bind("ajaxSend",function(){$(this).fadeIn('fast');})
 .bind("ajaxComplete",function(){$(this).fadeOut('slow');});

[ArnisR]

Būtu jēdzīgi uzreiz rādīt loadingu, lai cilvēks saprot, ka kaut kas tiešām notiek.

 

$("button").click(function{
       //Te parādam loadingu
       $.ajax({
               url: "data.html",
               type: "HEAD",
               error: function()
               {
                       //Paslēpjam loadingu
                       $("#content").html('<p>File not found!</p>');
               },
               success: function()
               {
                       //Paslēpjam loadingu
                       $("#content").load("data.html");
               }
       });

});

 

EDIT: Un izskatās, ka tu te veic divus ajax pieprasījumus. Kāpēc? (otrs ir $.load(..)) Pietiek taču ar vienu!

 

 

Paldies! Tieši tas, kas vajadzīgs! Jā, tiešām 2 pieprasījumi, - bet kā tad dabūt faila saturu #content blokā ?

[xPtv45z]

...
success: function(content)
               {
                       //Paslēpjam loadingu
                       $("#content").html(content);
               }
...

[ArnisR]

...
success: function(content)
               {
                       //Paslēpjam loadingu
                       $("#content").html(content);
               }
...

 

Hmm, šis variants neder, ja ielādē PHP failu nevis html...