Question

I am building a fully ajax based website, uptil now i was using my ajax function to send request but i am planning to switch to jquery,
In my state change function i am checking state of xmlRequest, but in jquery ihaven’t seen such function , it has only callback function which gets called when readyState changes to ‘complete’, is there any way to observe intermediate states of request i.e 1,2,3,4

please provide a example

Answer 1

See this url: http://api.jquery.com/jQuery.ajax/
and this url for the events: http://docs.jquery.com/Ajax_Events

You can do something like:

var jqxhr = $.ajax({
                url : "/url.html",
                data : {
                    id: 12,
                    name : "Niels",
                    age : 22
                },
                beforesend : function(){
                    // Show loader here
                    $(".loader").show();
                },
                ajaxSend : function(){

                },
                complete : function(){
                    // Hide loader here
                    $(".loader").hide();
                }
            });

Quote from jQuery ajax url:

No onreadystatechange mechanism is provided, however, since success, error, complete and statusCode cover all conceivable requirements.