Javascript Class 활용

프레임워크를 정리하던 중, JavaScript 를 구조화 하는건 어떨까 싶어 

JavaScript Class를 활용한 Aajx Uitlity 를 작성해 보았다

/*** * 공통 AJAX 유틸리티 **/ class ajaxUtil { static ajaxExecute ( pUrl, pParamValue ) { var rtnObject = new Object(); $.ajax({ type: 'post', url: pUrl, data : pParamValue , dataType: 'json', async : false, success : function(data) { rtnObject.ajaxResult = 'SUCCESS'; rtnObject.data = data; }, error : function(data) { rtnObject.ajaxResult = 'ERROR'; rtnObject.data = data; } }); return rtnObject; } ; static ajaxSubmit ( frmObj, pUrl, pParamValue ) { var rtnObject = new Object(); $(frmObj).ajaxSubmit({ type: 'post', url: pUrl, data : pParamValue , dataType: 'json', async : false, success : function(data) { rtnObject.ajaxResult = 'SUCCESS'; rtnObject.data = data; }, error : function(data) { rtnObject.ajaxResult = 'ERROR'; rtnObject.data = data; } }); return rtnObject; }; };

사용법은 아래와 같다

Useage

var rtnAjax = ajaxUtil.ajaxExecute ("http://test.com", "a=1&b=2" );   if ( rtnAjax.ajaxResult == "SUCCESS" ) {        ...   } else {       alert('ajax 처리중 에러가 발생하였습니다');   }

사실 별 도움이 되지 않는 소스이긴 하다. 다만, 코드 중간에 ajax 호출하지 않고 바로 처리하기 위해 사용할시 도움이 되는 부분이다

다음 번 버젼에서는 함수호출방식으로 변경을 해야할것 같다