/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

1 vote224 views1 answer
Jquery add input placeholder
Javascript jQuery
11 votes216 views2 answers
$[name] in jquery
Javascript jQuery
7 votes205 views3 answers
Check radio button is checked jquery
Javascript jQuery
11 votes239 views5 answers
Import jquery into js file
Javascript jQuery
11 votes208 views4 answers
Disable all buttons jquery
Javascript jQuery
3 votes211 views2 answers
Jquery telephone input mask
Javascript jQuery
1 vote268 views1 answer
How to get selected value of dynamically created dropdown in jquery
Javascript jQuery
32 votes217 views6 answers
Get attribute value jquery
Javascript jQuery
2 votes279 views1 answer
Can we give a url to img with jquery
Javascript jQuery
61 votes219 views3 answers
Jquery w3schools
Javascript jQuery