Establecer tiempo de espera para ajax (jQuery)

Aquí hay algunos ejemplos que demuestran establecer y detectar tiempos de espera en los viejos y nuevos paradigmas de jQuery.

Demostración En Vivo

Promise con jQuery 1.8+

Promise.resolve(
  $.ajax({
    url: '/getData',
    timeout:3000 //3 second timeout
  })
).then(function(){
  //do something
}).catch(function(e) {
  if(e.statusText == 'timeout')
  {     
    alert('Native Promise: Failed from timeout'); 
    //do something. Try again perhaps?
  }
});

JQuery 1.8+

$.ajax({
    url: '/getData',
    timeout:3000 //3 second timeout
}).done(function(){
    //do something
}).fail(function(jqXHR, textStatus){
    if(textStatus === 'timeout')
    {     
        alert('Failed from timeout'); 
        //do something. Try again perhaps?
    }
});​

JQuery

$.ajax({
    url: '/getData',
    error: function(jqXHR, textStatus){
        if(textStatus === 'timeout')
        {     
             alert('Failed from timeout');         
            //do something. Try again perhaps?
        }
    },
    success: function(){
        //do something
    },
    timeout:3000 //3 second timeout
});

Observe que el textStatus param (o jqXHR.statusText) le permitirá saber cuál fue el error. Esto puede ser útil si desea saber que el fallo fue causado por un tiempo de espera.

Error (jqXHR, textStatus, errorThrown)

Una función a ser llamada si el la solicitud falla. La función recibe tres argumentos: El jqXHR (en jQuery 1.4.x, XMLHttpRequest), una cadena que describe el tipo de error que se produjo y un objeto de excepción opcional, si se produjo uno. Los valores posibles para el segundo argumento (además de null) son " timeout", "error", "abort", y "parsererror". Cuando se produce un error HTTP, errorThrown recibe la porción textual del estado HTTP, como "No Encontrado" o " Error Interno del Servidor."A partir de jQuery 1.5, el error la configuración puede aceptar una matriz de funciones. Cada función será llamada a su vez. Nota: Este manejador no es llamado para script entre dominios y Peticiones JSONP.

Src: http://api.jquery.com/jQuery.ajax /

Puedes usar la configuración timeout en las opciones de ajax así:

$.ajax({
    url: "test.html",
    timeout: 3000,
    error: function(){
        //do something
    },
    success: function(){
        //do something
    }
});

Lea todo sobre las opciones de ajax aquí: http://api.jquery.com/jQuery.ajax /

Recuerde que cuando se produce un tiempo de espera, se activa el controlador error y no el controlador success:)

Utilice la función completa de jQuery .ajax. comparar con https://stackoverflow.com/a/3543713/1689451, por ejemplo.

Sin probar, simplemente fusiona tu código con la pregunta SO referenciada:

target = $(this).attr('data-target');

$.ajax({
    url: $(this).attr('href'),
    type: "GET",
    timeout: 2000,
    success: function(response) { $(target).modal({
        show: true
    }); },
    error: function(x, t, m) {
        if(t==="timeout") {
            alert("got timeout");
        } else {
            alert(t);
        }
    }
});​