/Javascript/jQuery/How to add ajax loading icon in jquery

How to add ajax loading icon in jquery

jQuery.fn.ajax = function(options)
{
    var $this = $(this);
    debugger;
    function invokeFunc(func, arguments)
    {
        if ( typeof(func) == "function")
        {
            func( arguments ) ;
        }
    }

    function _think( obj, think )
    {
        if ( think )
        {
            obj.html('<div class="loading" style="background: url(/public/images/loading_1.gif) no-repeat; display:inline-block; width:70px; height:30px; padding-left:25px;"> Loading ... </div>');
        }
        else
        {
            obj.find(".loading").hide();
        }
    }

    function makeMeThink( think )
    {
        if ( $this.is(".ajax-loading") )
        {
            _think($this,think);
        }
        else
        {
            _think($this, think);
        }
    }

    options = $.extend({}, options); // make options not null - ridiculous, but still.
    // read more about ajax events
    var newoptions = $.extend({
        beforeSend: function()
        {
            invokeFunc(options.beforeSend, null);
            makeMeThink(true);
        },

        complete: function()
        {
            invokeFunc(options.complete);
            makeMeThink(false);
        },
        success:function(result)
        {
            invokeFunc(options.success);
            if ( options.load )
            {
                $this.html(result);
            }
        }

    }, options);

    $.ajax(newoptions);
};

Source: stackoverflow.com

Similar codes

0 vote296 views1 answer
Ajax data not reflecting after refresh particular div jquery
Javascript jQuery
18 votes292 views4 answers
Change image src using jquery
Javascript jQuery
38 votes319 views6 answers
Jquery check if element exists
Javascript jQuery
3 votes333 views3 answers
Open page in new tab using jquery
Javascript jQuery
50 votes291 views4 answers
Jquery add class to body
Javascript jQuery
14 votes318 views4 answers
Image preview before upload jquery
Javascript jQuery
34 votes286 views10 answers
Jquery
Javascript jQuery
55 votes326 views5 answers
Jquery reload page
Javascript jQuery
0 vote361 views1 answer
How make date object in jquery from custom date
Javascript jQuery
0 vote369 views1 answer
Autocomplete data selected validation jquery
Javascript jQuery