오늘은 제가 고정적으로 사용하는 ajax 함수 하나를 소개하고자 합니다.
저는 항상 쓰는 방식이 post 방식이고, 동기식으로 호출하는방식을 사용합니다.
아래 함수 하나만 있으면 ajax 호출 하는데 있어 큰 문제가 없더라고요.
* 소스코드
<script type="text/javascript" charset="utf-8" src="/js/jquery-1.7.1.min.js"></script>
// parm_page : 호출 url
// parm_parm : post 정보
function CallAjaxPostPage(parm_page, parm_parm)
{
var ajax_html = "";
$.ajax({
type: "post",
cache : false,
url: parm_page,
dataType: "html",
data: parm_parm,
async: false,
success: function(parm_data){ // 성공
ajax_html = parm_data;
},
error:function(xhr, status, e){ // err발생 시 메세지창 띄움
if(e != undefined && xhr.status>0 && xhr.status<1000)
alert("CallAjaxPostPage Fail [err] : " + parm_page + "?" + parm_parm + " | " + xhr.status+" | "+e);
}
});
return ajax_html;
}
* 사용법
var post_str = "f_action=test&f_type=1" ;
var ret_val = CallAjaxPostPage("aaa.php", post_str) ;
오프젝트.innerHTML = ret_val;
호출할 url에 던질 post 값을 인자로만 넘기면 쉽게 ajax을 구현할 수 있습니다.
#AJAX#CallAjaxPostPage#post#동기식#호출
'프로그램 > Javascript' 카테고리의 다른 글
문자열의 실제 바이트 수 계산 (0) | 2021.01.15 |
---|---|
자바스크립트에서 mid 함수 구현 (0) | 2021.01.15 |
ajax을 디버깅하는 방법 (0) | 2021.01.15 |
쿠키(cookie) 사용법 (0) | 2021.01.15 |
sprintf, printf 구현하기 (0) | 2021.01.15 |