Question

my this ajax code snipped is working fine, hut how can i display a loading image in a div. in the same scenario.

$.ajax({
         url:'ajax_image_refresher.php?'+$('#frm_text').serialize(),
         method:'get',
         success:function(data){
         if(data =='') return;
         img_tag = '';
         $('#wapal').html(img_tag);
       }

Answer 1

<div id="displayStatus"></div>

jQuery('#displayStatus').html('Loading');

jQuery.ajax({
    //options
    success:function()
    {
       //your codes
       jQuery('#displayStatus').html('Loaded').delay(2000).fadeOut();
    }
});