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

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related