구글 크롬에서 실패한 아약스 요청을 디버그하는 방법은 무엇입니까?

구글 크롬에서 실패한 아약스 요청을 디버그하는 방법은 무엇입니까?

나는 구글 크롬으로 아약스 요청에 충돌하는 웹 애플리케이션을 가지고 있습니다(테스트된 다른 모든 웹 브라우저에서 작동합니다).디버깅한 후 오류가 response.responseText가 정의되지 않아서 발생한다는 것을 발견했습니다.xhr 개체는 다음과 같습니다.

argument: undefined
isAbort: false
isTimeout: undefined
status: 0
statusText: "communication failure"
tId: 3

'네트워크' 탭의 디버거에서 모든 헤더가 표시되지만(실패) 응답 본문(유효한 JSON)을 클립보드에 복사할 수도 있습니다.

제 질문은 - 이 문제를 디버그하려면 어떻게 해야 합니까?추가 정보를 찾는 위치, 이 요청이 실패하는 원인은 무엇입니까?

저는 마침내 제 문제에 대한 해결책을 찾았습니다. AdBlocks는 Ajax 요청을 차단하면 "통신 실패"라고만 말합니다.

제가 가장 먼저 다시 확인하고 싶은 것은 응답에서 돌아온 데이터가 유효한 JSON이라는 것입니다.온라인 JSONLint: http://jsonlint.com/ 와 같은 JSON 검증자를 통해 전달하면 됩니다.

당신은 JQuery와 같은 것을 사용하여 AJAX 요청을 하고 있다고 생각합니다.그런 경우 해당 라이브러리의 개발 버전을 사용하고 있는지 확인합니다.이제 스크립트의 개발 버전(압축되지 않음)을 사용하고 있으므로 사용 중인 특정 함수(예: $.ajax)를 찾은 다음 Chrome 검사기 내에서 AJAX 응답이 처음 처리된 코드에 중단점을 삽입합니다(예:https://github.com/jquery/jquery/blob/master/src/ajax.js#L579) .그런 다음 코드 단계를 진행하여 다양한 반환 값을 검사하여 무엇이 잘못되고 있는지 정확히 확인합니다.

JQuery와 같은 것을 사용하여 AJAX를 호출하지 않을 경우 프레임워크를 사용하여 현재 발생할 수 있는 브라우저 간 호환성 문제를 방지하는 것이 좋습니다.

언급URL : https://stackoverflow.com/questions/11202846/how-to-debug-a-failed-ajax-request-in-google-chrome