Question

There is a functionality on my site which sends different ajax requests to the server. The duration of every request may be different (1 second – 3 minutes). There is a need to abort the request if it takes more then 30 seconds. How to do it?

Answer 1

You may set the timeout in your $.ajax method, as described in http://api.jquery.com/jQuery.ajax/

For example, following request would timeout in 1 min

$.ajax({
    url: "test.html",
    context: document.body,
    timeout: 60000,
    success: function(){
        $(this).addClass("done");
    },
    complete : function(xhr,status) {
        if(status == "timeout"){

        }
    }
});

You may write complete callback to check whether timeout happend