jQuery의 AJAX 함수 사용

AJAX란 무엇인가요?

AJAX = 비동기 JavaScript 및 XML.

AJAX는 빠르고 동적인 웹 페이지를 만드는 기술입니다.

AJAX를 사용하면 백그라운드에서 서버와 소량의 데이터를 교환하여 웹페이지를 비동기적으로 업데이트할 수 있습니다. 이는 전체 페이지를 다시 로드하지 않고도 웹페이지의 일부를 업데이트할 수 있음을 의미합니다.

AJAX 및 jQuery

jQuery는 AJAX 개발을 위한 풍부한 기능(메서드) 라이브러리를 제공합니다.

jQuery AJAX를 사용하면 HTTP Get 및 HTTP Post를 모두 사용하여 원격 서버에서 TXT, HTML, XML 또는 JSON을 요청할 수 있습니다.

함수 로드

$(selector).load(url,data,function(response,status,xhr)))
가장 간단한 응용 프로그램은 웹 페이지에서 파일을 로드하는 것입니다. , 예를 들어 txt,html
예를 들어 $('#myDiv').load('/jquery/test1.txt')는 jquery 폴더에 있는 test1.txt 파일의 단어를 "muDiv" 노드에 있는 웹페이지의 class=입니다.

get() 메서드

$(selector).get(url,data,success(response,status,xhr),dataType)
url이 필요합니다. . 요청이 전송될 URL을 지정합니다.
데이터는 선택사항입니다. 요청과 함께 서버로 전송될 데이터를 지정합니다.
성공(응답,상태,xhr)은 선택사항입니다. 요청이 성공할 때 실행할 함수를 지정합니다.
response - 요청 결과 수 포함, status - 요청 상태 포함, xhr - XMLHttpRequest 객체 포함
dataType은 선택 사항입니다. 예상되는 서버 응답의 데이터 유형을 지정합니다.
Ajax로 작성하면 다음과 같습니다.
$.ajax({
url: url,
data: data,
success:
success,
dataType: dataType
});

post() 메소드

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
비슷하게: ajax는 다음을 의미합니다. :
$.ajax({
유형: 'POST',
url: url,
data: data,
성공: 성공,
dataType:dataType
}) ;

ajaxError()

ajaxError() 메서드는 AJAX 요청에서 오류가 발생하면 함수를 실행합니다. 아약스 이벤트입니다.

즉, AJAX 요청이 실패하면

$("div").ajaxError(function(){ Alert("An error 발생!"); }); Box

ajaxSuccess() 메서드

마찬가지로 ajaxSuccess() 메서드는 AJAX 요청이 성공하면 함수를 실행합니다. Ajax 이벤트입니다

가장 많이 사용되는 방법이고 나머지는 직접 찾아본 방법입니다.