Set timeout on jQuery .load

ajax, jquery, load, timeout

Solution

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);
                  }
                });

})

Problem

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"); }) ```

Original source