/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

5 votes120 views1 answer
Jquery first child
Javascript jQuery
0 vote175 views1 answer
Submit form jquery browser check
Javascript jQuery
0 vote251 views2 answers
How to make required field in jquery false
Javascript jQuery
1 vote183 views2 answers
Can we add jquery in chrome extension js code
Javascript jQuery
0 vote224 views1 answer
Kendo dropdownlist value jquery
Javascript jQuery
1 vote169 views1 answer
Jquery check how many child elements
Javascript jQuery
13 votes176 views6 answers
Scroll to top jquery
Javascript jQuery
37 votes195 views6 answers
How to get checkbox value in jquery
Javascript jQuery
1 vote176 views3 answers
How to set height dynamically in jquery
Javascript jQuery
0 vote182 views1 answer
Onswitch from tab do something jquery
Javascript jQuery