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
'웹 개발 기초 > 자바 웹을 다루는 기술' 카테고리의 다른 글
제이쿼리 Ajax XML 데이터 연동하기 (0) | 2023.03.09 |
---|---|
제이쿼리 Ajax 사용하기 (0) | 2023.03.08 |
제이쿼리 Ajax 기능 (0) | 2023.03.06 |
제이쿼리 주요 개념 (0) | 2023.03.06 |
HTML5 주요 개념 및 태그 사용 예제 (0) | 2023.03.04 |