제이쿼리 Ajax 사용법
제이쿼리에서 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 | 모든 작업을 마친 후 처리 구문을 설정합니다. |
'프로그래밍 언어 > 자바 웹' 카테고리의 다른 글
| XML 데이터 연동하기 (0) | 2026.05.21 |
|---|---|
| 제이쿼라 Ajax 사용하기 (0) | 2026.05.18 |
| 제이쿼리 Ajax 기능 (0) | 2026.05.12 |
| 제이쿼리 선택자 사용 실습 (0) | 2026.05.09 |
| 제이쿼리의 여러 가지 기능 (0) | 2026.05.06 |