javascript Ajax 사용 방법
ajax는 비동기 방식으로 아주 빈번하게 사용이 됩니다.
$.ajax({
cache: false,
url: '/ccc/ccccc.',
//요청 URL / 데이터들을 보내고자 하는 주소 ex) <form action = " " > 폼에서 액션과 같은 역할을 합니다.
data: 'form_sno='+form_sno, //요청 서버에 보낼 데이터, form전체를 보내고자 할때는 $('#form').serialize()를 사용
type: 'POST', //보내는 방식
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){ //요청이 성공했을때 실행되는 콜백 함수
}
dataType: 'json', //서버에서 내려온 data 형식, html, json 등 설정 가능
error: function(){
alert('error');
},
success: function(json){ //요청이 성공했을때 실행되는 콜백 함수
}
async: 'false', //동기화 방식 : false 로해야 동기화 처리한다는 의미
특히 이 부분은 적어주지않으면 비동기 방식으로 작동됨.
일반적으론 아에 적어주지 않는다.
'개발 > javascript,jquery' 카테고리의 다른 글
자바스크립트 차트 사용하기(chart js) (5) | 2018.03.19 |
---|---|
javascript setInterval, setTimeout 몇 초후 실행, 몇초마다 실행 (0) | 2017.09.09 |
attr과 prop의 차이 적어두기! (0) | 2017.08.10 |
스마트 에디터 이벤트 생성, 키이벤트 (0) | 2016.09.05 |
[javascript]자바스크립트 concat, slice, join, for (0) | 2016.04.17 |
자바스크립트 jstl 함수 (0) | 2016.04.15 |
[jquery]제이쿼리 find(), parent() (0) | 2016.04.13 |