Load Image With AJAX (jQuery)

Question

i have this script:

$.ajax({ type: "GET", url: '/get.php?id=' + c + '&type=1', dataType: "html" }).done(function (a) { $(".playerr:eq(" + b + ")").html(a).show() });

how can i add an loading image ?

my entire function is this : var pml = -1; function showpl(b, c, d) { if (pml != -1) $(".playerr:eq(" + pml + ")").html('').hide(); var b = $("." + d).index(b); $.ajax({ type: "GET", url: '/get.php?id=' + c + '&type=1', dataType: "html" }).done(function (a) { $(".playerr:eq(" + b + ")").html(a).show() }); pml = b; return false } — Andreea Barbu
– Andreea Barbu, Commented Aug 19, 2013 at 11:48

Adil · Accepted Answer · 2013-08-19 11:46:35Z

1

You can use beforeSend and success or done to show and hide the loading image

$.ajax({ type: "GET", url: '/get.php?id=' + c + '&type=1', dataType: "html" }).done(function (a) { $(".playerr:eq(" + b + ")").html(a).show(); $("#img1").hide(); }).beforeSend(function(){ $("#img1").show(); });

edited Aug 19, 2013 at 11:46

answered Aug 19, 2013 at 11:40

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Farhan Over a year ago

You can hide the image on .done() so even in case of error the image will be hidden, else it will keep on showing.

Adil Over a year ago

Not working is not clear statement, do you get beforeSend and done event?

Andreea Barbu Over a year ago

image is not appear and all requests appear in first div

Collectives™ on Stack Overflow

Load Image With AJAX (jQuery)

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related