jquery come controllare il tipo di risposta per la chiamata ajax

Question

Come posso determinare il tipo di risposta della chiamata ajax in Jquery? A volte, il server invia una risposta JSON ea volte invia solo l'html per scopi di visualizzazione. In questo momento sto usando

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

Answer 1

Si può provare le cose come:

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

Fondamentalmente si è anche utilizzando indexOf ma sembra più affidabile.

Answer 2

Per accettare una risposta JSON, è possibile impostare il tipo di risposta come JSON. Di solito disegno il mio side code del server in modo che restituiscano sempre la risposta JSON. Nel caso in cui non riesca a farlo per qualsiasi motivo, ricevo un errore nella mia chiamata AJAX per avere un formato JSON errato e posso elaborare la risposta dal server come non JSON.

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

Answer 3

Le risposte di cui sopra non ha funzionato per me, così mi si avvicinò con questa soluzione:

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

si può semplicemente utilizzare il metodo facile di javascript per verificare il tipo di

cioè

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

Se si utilizza questo metodo non è necessario scrivere 2 parametri aggiuntivi nella richiamata di successo.

Answer 5

Se la risposta viene analizzata come JSON, l'oggetto jqXHR avrà una proprietà 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 
    } 
}) 

Dal jQuery.ajax documentation:

Se non viene specificato JSON, la risposta viene analizzato utilizzando jQuery.parseJSON prima di essere passato, come un oggetto, al gestore di successo. L'oggetto JSON analizzato è reso disponibile attraverso la proprietà responseJSON dell'oggetto jqXHR.