/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 votes142 views3 answers
Jquery get src of image
Javascript jQuery
0 vote150 views1 answer
Remove from array by value jquery
Javascript jQuery
62 votes147 views2 answers
Import jquery google cdn
Javascript jQuery
11 votes166 views3 answers
Jquery set input checked
Javascript jQuery
0 vote154 views1 answer
Delete all the fields on the form whit jquery
Javascript jQuery
3 votes147 views2 answers
Jquery telephone input mask
Javascript jQuery
0 vote222 views2 answers
Get first element by class name jquery
Javascript jQuery
57 votes176 views6 answers
Jquery create element
Javascript jQuery
1 vote138 views1 answer
Jquery toggle attribute disabled
Javascript jQuery
9 votes115 views3 answers
Jquery is visible
Javascript jQuery