Jak debugować błąd zapytania ajax?

Question

Próbuję uzyskać JSON, hostowane na serwerze lokalnym tutaj, ale z jakiegoś powodu to nie działa. Jeśli uderzę w mój adres URL w przeglądarce, zwróci Json poprawnie i jeśli użyję innego adresu URL, otrzymam dane.

Moja oryginalna metoda getJSON:

getJSON:

$.getJSON(url, 

        function(data) { 
         console.log('got something'); 
         alert(data);  

        }); 

Teraz chcę zobaczyć, co dokładnie się stało. Przepisałem go jako żądanie Ajax, a na moim błędzie zwrotnym jqxhr daje mi wiele rzeczy, których nie rozumiem. Czy mogę uzyskać więcej informacji na temat tego błędu?

TextStatus wartość "error"

errorThrown jest null

$.ajax({ 
        url: url, 
        dataType: 'json', 
        success: function(data) { 
         console.log('got something'); 
         alert(data);  
         }, 
       error: function(jqxhr,textStatus,errorThrown) 
        { 
         console.log(jqxhr); 
          console.log(textStatus); 
          console.log(errorThrown);        

          for (key in jqxhr) 
           alert(key + ":" + jqxhr[key])                 
          for (key2 in textStatus) 
           alert(key + ":" + textStatus[key]) 
          for (key3 in errorThrown) 
           alert(key + ":" + errorThrown[key]) 

        //<--- All those logs/alerts, don't say anything helpful, how can I understand what error is going on? ----> 

       }}); 

Wreszcie json mam wrócić JEST

[{"message": "login failed"}] 

I nie można używać Firebug, chrom konsola lub inne narzędzia deweloperskie, ponieważ jest to aplikacja mobilna opracowana przy użyciu Phonegapa!

Answer 1

ja zamierzam umieścić moje komentarze do odpowiedzi fo rm, to nie jest rozwiązanie twojego problemu, ale jest to dobry sposób na rozwiązywanie różnych problemów z powracaniem z jQuery Ajax.

Gdy żądasz określonego typu danych w tym przypadku dataType: 'json', żądasz określonego rodzaju danych. Jeśli ten określony typ danych nie zostanie zwrócony, przejdzie do funkcji błędu.

Jeśli komunikat o błędzie nie zawiera informacji wyjaśniających Twój problem, spróbuj zażądać bardziej przyjaznego elementu dataType. W ten sposób możesz zobaczyć, co faktycznie zwraca twoja prośba. Jeśli jego dane inne niż żądane dataType to jest to twój problem i możesz to sprawdzić.

dataType takich jak html lub text będzie bardzo otwarte, aby podać dokładne dane zwrócone z żądanego adresu URL i rozwiązać tamtejsze problemy.

Mam nadzieję, że to trochę pomaga.

Answer 2

jqxhr - XrayWrapper
textStatus - przedstawia reprezentację tekstową statusu odpowiedzi HTTPS (np sukces, błąd).
errorThrown - XMLHttpRequest

jqxhr.status - podaje kod odpowiedzi HTTP, takich jak 200, 404, 500 itd ..

Użyj tego fragmentu kodu, aby wydrukować cały klucz w obiekcie json

var output = ''; 
for (property in object) { 
    output += property + ': ' + object[property]+'; '; 
} 
console.log(output);