jquery cómo verificar el tipo de respuesta para la llamada ajax

Question

¿Cómo puedo determinar el tipo de respuesta de la llamada ajax en Jquery? A veces, el servidor envía una respuesta json y, en ocasiones, solo envía el html para fines de visualización. En este momento estoy usando

if(response.indexOf('Error')) 
    //popup error message 
else 
response.username 
response.address 

Answer 1

Puede probarlo como:

$.ajax({ 
    type: "POST", 
    url: "your url goes here", 
    data: "data to be sent", 
    success: function(response, status, xhr){ 
    var ct = xhr.getResponseHeader("content-type") || ""; 
    if (ct.indexOf('html') > -1) { 
     //do something 
    } 
    if (ct.indexOf('json') > -1) { 
     // handle json here 
    } 
    } 
}); 

Básicamente se utiliza también indexOf pero parece más fiable.

Answer 2

Para aceptar una respuesta JSON, puede establecer el tipo de respuesta como JSON. Normalmente diseño mi código del lado del servidor para que siempre devuelvan la respuesta JSON. En caso de que no lo haga por cualquier razón, obtendría un error en mi llamada AJAX por tener un formato JSON incorrecto y puedo procesar la respuesta del servidor como si no fuera JSON.

error: function(response, status, xhr){ 
// do something with the reply. 
} 

Answer 3

Las respuestas anteriores no funcionó para mí, así que se acercó con esta solución:

success: function(data, textStatus , xhr) { 
if(xhr.responseXML.contentType == "text/html") { 
    //do something with html 
    } 
else if(xhr.responseXML.contentType == "application/json") { 
    //do something with json 
    }} 

Answer 4

puede simplemente usar método fácil de javascript para comprobar el tipo

es decir

if(typeof response=="object") 
{ 
// Response is javascript object 
} 
else 
{ 
// Response is HTML 
} 

Si utiliza este método, no tiene que escribir 2 parámetros adicionales en la devolución de llamada exitosa.

Answer 5

Si la respuesta se analiza como JSON, el objeto jqXHR tendrá una propiedad responseJSON.

$.ajax(
    // ... 
).done(function(data, textStatus, jqXHR) { 
    if (jqXHR.responseJSON) { 
     // handle JSON 
    } else { 
     // handle html 
    } 
}).fail(function(jqXHR, textStatus, errorThrown) { 
    if (jqXHR.responseJSON) { 
     // handle JSON 
    else { 
     // handle html 
    } 
}) 

Desde el jQuery.ajax documentation:

Si se especifica JSON, la respuesta se analiza usando jQuery.parseJSON antes de ser pasado, como un objeto, al controlador de éxito. El objeto JSON analizado está disponible a través de la propiedad responseJSON del objeto jqXHR.