> 웹 프론트엔드 > JS 튜토리얼 > 오류를 사용하여 jquery의 ajax 오류를 디버깅하는 방법

오류를 사용하여 jquery의 ajax 오류를 디버깅하는 방법

巴扎黑
풀어 주다: 2017-07-03 10:43:21
원래의
1094명이 탐색했습니다.

이 글에서는 주로 jquery에서 ajax의 오류를 디버그하기 위해 error를 사용하는 방법을 소개합니다. Ajax의 사용법과 error 함수오류 디버깅을 위한 기술을 예제와 함께 설명합니다.

이 글에서는 사용법을 설명합니다. 오류를 디버깅하기 위한 오류 메서드와 jquery의 ajax. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

JQuery를 사용하면 Ajax 애플리케이션을 개발할 때 효율성을 높이고 많은 호환성 문제를 줄일 수 있습니다. Ajax가 비동기적으로 데이터를 가져오는 중에 오류가 발생하면 어떻게 해야 합니까? 이벤트 오류 정보를 받아보세요.

jquery에서 ajax의 일반적인 사용법은 다음과 유사합니다.


$(document).ready(function() {
  jQuery("#clearCac").click(function() {
 jQuery.ajax({
   url: url,
   type: "post",
   data: { id: '0' },
   dataType: "json",
   success: function(msg) {
 alert(msg);
   },
   error: function(XMLHttpRequest, textStatus, errorThrown) {
 alert(XMLHttpRequest.status);
 alert(XMLHttpRequest.readyState);
 alert(textStatus);
   },
   complete: function(XMLHttpRequest, textStatus) {
 this; // 调用本次AJAX请求时传递的options参数
   }
 });
  });
});
로그인 후 복사

ajax를 통한 비동기 호출이 성공하면 성공 함수가 호출됩니다. 성공 함수의 구문은 다음과 같습니다.


 //请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态
 function (data, textStatus)
 {
  // data could be xmlDoc, jsonObj, html, text, etc...   
  this;
 // the options for this ajax request
 }
로그인 후 복사

ajax를 통한 비동기 호출에서 오류가 발생하면 오류 함수가 호출됩니다. 오류 함수 구문은 다음과 같습니다.


//(默 认: 自动判断 (xml 或 html)) 请求失败时调用时间。
//参数有以下三个:XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象。
//如果发生了错误,错误信息(第二个参数)除了得到null之外,
//还可能是"timeout", "error", "notmodified" 和 "parsererror"。
 
//textStatus: "timeout", "error", "notmodified" 和 "parsererror"。

error:function (XMLHttpRequest, textStatus, errorThrown) 
{ 
 
}
로그인 후 복사

오류 이벤트에서 반환된 첫 번째 매개 변수 XMLHttpRequest:
XMLHttpRequest.readyState: 상태 코드meaning
0 - (초기화되지 않음) send() 메서드가 호출되지 않았습니다
1 - ( 로딩 ) send() 메소드가 호출되어 요청이 전송되는 중
2 - ( 로딩 완료 ) send() 메소드가 실행되었으며 모든 응답 내용이 수신되었습니다
3 - (Interaction) 응답 내용은 다음과 같습니다. 구문 분석 중
4 - (완료) 응답 내용이 구문 분석되어 클라이언트에서 호출될 수 있습니다

전송 오류는 다음 두 가지 또는 다른 프로그램 문제로 인해 발생할 수 있으므로 주의가 필요합니다.
1. 데이터: "{}", 데이터가 비어 있으면 "{}"를 전달해야 합니다. 그렇지 않으면 반환된 데이터는 xml 형식이 됩니다. 그리고 파서 오류가 발생합니다.
2. 파서 오류의 예외도 헤더 유형과 관련이 있습니다. 및 인코딩 헤더('Content-type: text/html; charset=utf8');

위 내용은 오류를 사용하여 jquery의 ajax 오류를 디버깅하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿