jquery - How to show a loading image before Post method populates the div -

i have simple question

i have following post method script . since lot of downloading stuff takes time before getting response trying add image before sends response

script:

var posting = $.post(url, {     im_core: 'priviewpropiedades',     idpropiedad: val,     idfeed: feedid,     pais: pais }).done(function (data) {     var json = $.parsejson(data);     alert(json.descripción);     $('#alquiler').html(json.alqiler);     $('#celular').html(json.celular);     $('#construcción').html(json.aconstruceon); }); 

can 1 tell me incorporate image in post() method call

you can place/show image before post ($.post) call , remove/hide when success handler triggered.

something like:

var loaderimg = document.getelementbyid('#my-loader'); loaderimg.classlist.add('visible');  $.post('some/url').done(function(){     loaderimg.classlist.remove('visible'); }); 

the rest css (implementing visible class).