본문 바로가기
카테고리 없음

[JSP] Ajax를 이용한 비동기

by 소금_msg 2021. 11. 2.



주소가 바뀌지않고 웹페이지 화면이 변하는것들이 있다.

버튼을 눌러서 화면을 바꾸게 하거나
하는 행위는 내가 이벤트를 줄때만 서버를 연결한다는뜻이다.
주소가 바뀐다는 뜻은
새로운 요청이 생긴다는 뜻이다.
하지만 url주소가 이벤트가 생길때마다 변한다면 불편할 것이다.
(회원가입페이지가 뭔가 누를때마다 변한다고 생각해보면...끔찍)

이러한 불편을 처리하기위해 Ajax(비동기 자바 스트립트)를 이용하여
서버와 브라우저 사이의 객체가 스스로 요청을 보내고 요청을 처리하는 작업을 해준다.(클라이언트 측에서의 작업과는 상관 없을때만)
Ajax는 페이지 이동 없이 데이터 처리가 가능하기때문에 효율적이다.

제이쿼리 Ajax 사용법


$기호 다음에 ajax라고 쓰고 속성값 설정하기



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