javascript Ajax 사용 방법 :: 개발/일상_Mr.lee

javascript Ajax 사용 방법

Posted by Mr.mandu.
2017. 3. 10. 23:49 개발/javascript,jquery
ajax는 비동기 방식으로 아주 빈번하게 사용이 됩니다.


$.ajax({
     cache: false,
     url: '/ccc/ccccc.', 
    //요청 URL / 데이터들을 보내고자 하는 주소 ex) <form action = "  " > 폼에서 액션과 같은 역할을 합니다.
    data: 'form_sno='+form_sno, //요청 서버에 보낼 데이터, form전체를 보내고자 할때는 $('#form').serialize()를 사용
    type: 'POST',   //보내는 방식
    async: 'false',   //동기화 방식 : false 로해야 동기화 처리한다는 의미
    dataType: 'json', //서버에서 내려온 data 형식, html, json 등 설정 가능
    error: function(){
         alert('error');
    },
    success: function(json){ //요청이 성공했을때 실행되는 콜백 함수
               
      }



async: 'false',   //동기화 방식 : false 로해야 동기화 처리한다는 의미

특히 이 부분은 적어주지않으면 비동기 방식으로 작동됨.

일반적으론 아에 적어주지 않는다.