본문 바로가기

Local Oriented/jQuery

jQuery 로 Ajax 가 중첩되어 또는 순차적으로 Call 할때 CallBack 함수 사용


Ajax 는 비동기식 이다 보니..
a.jsp 가 b.jsp 를 호출하고 이어서 c.jsp 를 호출한다 했을때,
c.jsp 가 b.jsp 보다 먼저 호출되지 않도록.. 순서를 정해줄 필요가 있을때 callBack 을 활용해 보자구요.

function openSimpleUri(id,uri){
 var args = openSimpleUri.arguments; // 추가 파라미터. args[0] id, args[1] uri, args[2] parameter, args[3] callback
 var param = '';
 if(args[2]) param = args[2];

 $.ajax({
  type: 'POST',
  url: uri,
  data: param, // 파라미터
  cache:false,
  success:function(resultText){
   $('#'+id).html(resultText);
   if(args[3]){ try{ eval(args[3]+ '()'); }catch(e){} } // callback
  },
  error:function(){
  }
 });
}

callback 은 a.jsp 에 기술되어야 겠죠.. ^^.