CODEWITHSUNDEEP
jqueryajaxtimeoutload
InvalidSyntax
InvalidSyntax

Reputation: 9509

Set timeout on jQuery .load

I want to have a timeout after 5 seconds and then display "Unable to fetch page". But im not sure how to go about it... Heres what I got so far...

$(document).ready(function() {
                    $('#content').html('<br><br><br><br><img src="load.gif" border="0"><br><br><strong>Generating Link...</strong>');
                $("#content").load("ajax.php");
})

Upvotes: 4

Views: 17904

Answers (1)

code_burgar
code_burgar

Reputation: 12323

var tick = function() {
             $("#content").html('Unable to fetch page!');
           }

$(document).ready(function() {

                var loadTimeout = setTimeout(tick, 5100);

                $.ajax({
                  url: "ajax.php",
                  timeout: 5000,
                  success: function(data) {
                    $("#content").html(data);
                    clearTimeout(loadTimeout);
                  }
                });

})

Upvotes: 7

Related Questions