요약:
Ajax 학습 1에서는 jquery로 캡슐화된 ajax를 사용하여 서버측 텍스트 데이터를 수신하고 XMLHttpReques 객체를 사용하여 서버측 텍스트 데이터를 수신하는 방법을 소개합니다.
Ajax 학습 2에서는 XMLHttpReques를 사용하여 수신하는 방법을 소개합니다. 서버 측 XML 데이터, 이 섹션에서는 XML 형식의 서버 측 데이터를 수신하기 위해 jqery로 캡슐화된 ajax의 사용을 주로 소개합니다.
상세하게 많은 지식이 소개되었기 때문에, 이 섹션에서는 jqery로 캡슐화된 Ajax는 XML 형식을 사용하여 Web.xml과 백엔드 서베트를 받습니다.
ajax.html에서 호출되는 메소드 이름을 새로 추가된 자바스크립트 메소드로 변경하면 됩니다.
주로 사용되는 메소드 소개:
jQuery.ajax(options): HTTP 요청을 통해 원격 데이터 로드,
반환값: XMLHttpRequest
매개변수: 옵션(선택), ajax 요청 설정 . 모든 옵션은 선택 사항입니다.
주요 옵션 소개:
type(문자열): (기본값: "GET") 요청 방법("POST" 또는 "GET"), 기본값은 "GET"입니다. 참고: PUT, DELETE 등 다른 HTTP 요청 방법도 사용할 수 있지만 일부 브라우저에서만 지원합니다.
url(문자열): (기본값: 현재 페이지 주소)
요청을 보낼 주소(객체) ,String): 서버로 전송된 데이터입니다. 요청 문자열 형식으로 자동 변환됩니다. GET 요청은 URL
dataType(String)에 추가됩니다. 즉, 서버에서 반환할 것으로 예상되는 데이터 유형입니다.
지정하지 않으면 jQuery는 HTTP 패킷 MIME 정보를 기반으로 responseXML 또는 responseText를 자동으로 반환하고 이를 콜백 함수 매개 변수로 전달합니다. 사용 가능한 값:
"xml": jQuery에서 처리할 수 있는 XML 문서를 반환합니다. .
"html": 스크립트 요소가 포함된 일반 텍스트 HTML 정보를 반환합니다.
"script": 일반 텍스트 JavaScript 코드를 반환합니다. 결과는 자동으로 캐시되지 않습니다.
"json": JSON 데이터를 반환합니다.
success(함수): 요청 성공 후 콜백 함수입니다. 매개변수: 서버가 반환하는 데이터, 데이터 형식
error(기능): (기본값: 자동 판단(xml 또는 html)) 요청 실패 시 호출 시간
async(Boolean): (기본값: true) 기본 설정에서는 all 요청은 모두 비동기식 요청입니다.
동기 요청을 보내야 하는 경우 이 옵션을 false로 설정하세요. 동기식 요청은 브라우저를 잠그며 사용자는
새 자바스크립트 메서드는 다음과 같습니다.