프로그램/Javascript

제가 쓰는 ajax 호출

네오류이 2021. 1. 15. 09:21
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
728x90
반응형

오늘은 제가 고정적으로 사용하는 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#동기식#호출

728x90
반응형

'프로그램 > 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