jQuery Ajax 지원 $.ajax 메소드 및 속성
$.ajax(option), $.ajax(url, option)
<script>
$(document).ready(function () {
$.ajax(‘/onj/OnjActionAajx’, {
success: function(data) { //성공했을때의 콜백 함수
$(‘body’).append(data); //data:성공후받은데이터
}
});
});
</script>
$(document).ready(function () {
$.ajax(‘/onj/OnjActionAajx’, {
success: function(data) { //성공했을때의 콜백 함수
$(‘body’).append(data); //data:성공후받은데이터
}
});
});
</script>
다음과 같이 URL 지정도 가능
$.ajax({
url : ‘/ onj/OnjActionAajx’,
success: function(data) { //성공했을때의 콜백 함수
$(‘body’).append(data); //data:성공후받은데이터
}
});
url : ‘/ onj/OnjActionAajx’,
success: function(data) { //성공했을때의 콜백 함수
$(‘body’).append(data); //data:성공후받은데이터
}
});
$.ajax(option), $.ajax(url, option) 메소드 옵션
async : 동기 또는 비동기를 지정(true or false)
complete(jqXHR, textStatus) : ajax 완료 이벤트 핸들러(함수) 지정
data : 요청 매개 변수 지정(Object, String), 서버쪽으로 넘길 데이터
error(jqXHR, textStatus, errorThrown) : Ajax 실패 이벤트 핸들러(함수) 지정
jsonp : JSON 매개변수 이름 지정
jsonCallback : JSONP 콜백함수 이름을 지정(String, Function)
success(data, textStatus, jqXHR) : Ajax 성공 이벤트 핸들러 (함수)지정
timeout : 만료시간 지정(Number)
type : get or post
url : 대상 URL
complete(jqXHR, textStatus) : ajax 완료 이벤트 핸들러(함수) 지정
data : 요청 매개 변수 지정(Object, String), 서버쪽으로 넘길 데이터
error(jqXHR, textStatus, errorThrown) : Ajax 실패 이벤트 핸들러(함수) 지정
jsonp : JSON 매개변수 이름 지정
jsonCallback : JSONP 콜백함수 이름을 지정(String, Function)
success(data, textStatus, jqXHR) : Ajax 성공 이벤트 핸들러 (함수)지정
timeout : 만료시간 지정(Number)
type : get or post
url : 대상 URL
<script>
$(document).ready(function () {
$.ajax({
url: ‘/ajax/AjaxAction’,
data: {name:’오엔제이’, url:’onjprogramming.co.kr’}
success: function(data) { //성공했을때의 콜백 함수
$(‘body’).append(data); //data:성공후받은데이터
}
});
});
댓글 없음:
댓글 쓰기