jquery wie Antworttyp für Ajax-Aufruf zu überprüfen

Question

Wie kann ich den Antworttyp von Ajax-Aufruf in Jquery ermitteln? Manchmal sendet der Server JSON-Antwort und manchmal sendet es nur den HTML-Code für die Anzeige. Im Moment bin ich mit

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

Answer 1

Sie können versuchen, es mag:

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

Grundsätzlich ist es auch indexOf verwenden, aber es scheint zuverlässiger.

Answer 2

Um eine JSON-Antwort zu akzeptieren, können Sie den Antworttyp als JSON festlegen. Ich entwerfe normalerweise meinen serverseitigen Code, so dass sie immer JSON-Antwort zurückgeben. In dem Fall, dass es aus irgendeinem Grund nicht funktioniert, würde ich einen Fehler in meinem AJAX-Aufruf bekommen, weil ich ein falsches JSON-Format habe und ich kann die Antwort vom Server so behandeln, dass sie nicht nicht JSON ist.

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

Answer 3

Die Antworten oben für mich funktioniert nicht so kam ich mit dieser Lösung:

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

Sie einfach Javascript der einfache Methode verwenden, um den Typ

dh

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

überprüfen

Wenn Sie diese Methode verwenden, müssen Sie im Erfolgsrückruf nicht 2 zusätzliche Parameter schreiben.

Answer 5

Wenn die Antwort als JSON analysiert wird, hat das Objekt jqXHR die Eigenschaft 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 
    } 
}) 

Vom jQuery.ajax documentation:

Wenn json angegeben, wird die Antwort analysiert wird jQuery.parseJSON verwenden, bevor übergeben wird, als ein Objekt, zum Erfolg Handler. Das geparste JSON-Objekt wird über die responseJSON-Eigenschaft des jqXHR-Objekts verfügbar gemacht.