ajax callback 사용예

ajax callback 사용예

1. 함수 호출 예

1) json형식 데이터 전달

gf_ajaxGetSend("/common/code/searchStep.do",{searchType: $(this).val(), ajax: 'true'},fn_listOfOption  );

2) a=b&c=d형태의 serialize 형식 데이터 전달

<form id="frmPaging"> ...
var params = $("#frmPaging").serialize(); // form id = "frmPaging"
gf_ajaxGetSend("/common/code/searchStep.do",params,fn_pwdCallBack);

2. 함수

function gf_ajaxGetSend(actionUrl, param, callback){
    $.ajax({
        async    : false        // true, false
       ,type     : "GET"       // POST, GET
       ,url      : actionUrl
       ,dataType : "json"       // 전송받을 데이터의 타입[xml, html, script, json 등 지정 가능, 미지정시 자동 판단]
       ,timeout  : 30000        // 제한시간 지정
       ,cache    : false        // true, false
       ,data     : param        // 서버에 보낼 파라메터 [form 에 serialize() 실행시 a=b&c=d 형태로 생성되며 한글은 UTF-8 방식으로 인코딩, {a:b, c:d} json 형식 입력 가능]
       ,contentType : "application/x-www-form-urlencoded; charset=UTF-8"
       ,success : function(data) {
           if($.type(callback) == "function") {
               callback(data);
           }
       }
       ,error: function(request, status, error){      // 통신 에러 발생시 처리
           //alert("code : " + request.status + "\r\nmessage : " + request.reponseText);
           alert("시스템 오류가 발생하였습니다.\n\n시스템 관리자에게 문의하세요.");
       }
    });
};

3. 연동기능 예

   
 function fn_listOfOption(data){
        $.each(data, function(index,item) {
            $(".category2").append('') 
                           .append(''+item.NAME+'');  
        });
}

 function fn_listOfOption(data){

        $.each(data, function(index,item) {

            $(".category2").append('<input type="radio" id="searchStep'+(index+2)+'" name="searchStep" value="'+item.CODE+'">') 

                           .append('<label for="searchStep'+(index+2)+'">'+item.NAME+'</label>');  

        });

}

    function fn_pwdCallBack(data){

    if(data.result=="success"){

// 성공   

    alert(data.message);

    }else{

    // 실패

    alert(data.message);

    }

    }