Jump to content
php.lv forumi

Loading's AJAX funkcijai


ArnisR

Recommended Posts

Šā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!

Link to comment
Share on other sites

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 by briedis
Link to comment
Share on other sites

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');});

Link to comment
Share on other sites

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ā ?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...