웹 개발 기초/자바 웹을 다루는 기술

제이쿼리 Ajax 사용법

sungw00 2023. 3. 8. 22:47
728x90

제이쿼리에서 Ajax를 사용하려면 $ 기호 다음에 ajax라고 적은 후 속성과 값을 설정해야 함

예시

$.ajax({
	type: "post 또는 get",
    async: "true 또는 false",
    url: "요청할 URL",
    data: {서버로 전송할 데이터 },
    dataType: "서버에서 전송받을 데이터 형식",
    success:{
    	// 정상 요청, 응답 시 처리
    },
    error: function(xhr,status,error) {
    	// 오류 발생 시 처리
    },
    complete:function(data,textStatus) {
    	// 작업 완료 후 처리
    }
});

제이쿼리 Ajax 기능 관련 속성들

속성 설명
type 통신 타입을 설정(post 또는 get)
url 요청할 url을 설정
async 비동기식으로 처리할지의 여부를 설정(false는 동기식 처리)
data 서버에 요청할 때 보낼 매개변수를 설정
dataType 응답 받을 데이터 타입을 설정(XML, TEXT, HTML, JSON 등)
success 요청 및 응답에 성공했을 때 처리 구문을 설정
error 요청 및 응답에 실패했을 때 처리 구문을 설정
complete 모든 작업을 마친 후 처리 구문을 설정

 

728x90