jquery, jak sprawdzić typ odpowiedzi dla wywołania ajax

Question

Jak określić typ odpowiedzi wywołania ajax w Jquery? Czasami serwer wysyła odpowiedź json i czasami wysyła tylko html do celów wyświetlania. Teraz używam

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

Answer 1

Można spróbować to lubią:

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

Zasadniczo jest również przy użyciu indexOf ale wydaje się bardziej wiarygodne.

Answer 2

Aby zaakceptować odpowiedź JSON, można ustawić typ odpowiedzi jako JSON. Zwykle projektowałem mój kod po stronie serwera, więc zawsze zwracają odpowiedź JSON. W przypadku, gdy nie zrobi tego z jakiegokolwiek powodu, dostanę błąd w moim wywołaniu AJAX o niepoprawnym formacie JSON i mogę przetworzyć odpowiedź z serwera jako nie będącą JSON.

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

Answer 3

powyższych odpowiedzi nie działał na mnie tak wymyśliłem tego rozwiązania:

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

można po prostu użyć łatwą metodę JavaScript w przeglądarce, by sprawdzić typ

tj

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

Jeśli użyjesz tej metody, nie musisz pisać 2 dodatkowych parametrów w oddzwanianiu powodzenia.

Answer 5

Jeśli odpowiedź zostanie przeanalizowana jako JSON, obiekt jqXHR będzie miał właściwość 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 
    } 
}) 

Z jQuery.ajax documentation:

Jeśli json jest podana, odpowiedź jest analizowana z wykorzystaniem jQuery.parseJSON przed minął, jako obiekt, do obsługi sukces. Parsowany obiekt JSON jest udostępniany za pośrednictwem właściwości responseJSON obiektu jqXHR.