/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

3 votes148 views3 answers
Jquery get img src
Javascript jQuery
0 vote153 views1 answer
Jquery select convert into input text
Javascript jQuery
0 vote157 views2 answers
How to import jquery file in react js
Javascript jQuery
0 vote157 views1 answer
How to check variable type jquery
Javascript jQuery
0 vote188 views1 answer
Hide / show jquery
Javascript jQuery
0 vote182 views1 answer
Show and hide div tag based on checkbox selection using jquery
Javascript jQuery
20 votes169 views5 answers
Get text selected option jquery
Javascript jQuery
31 votes150 views4 answers
Remove jquery
Javascript jQuery
6 votes164 views6 answers
Jquery add option to select
Javascript jQuery
1 vote185 views1 answer
Jquery unselect option
Javascript jQuery