https://www.woorisavingsbank.com/resources/common/js/jquery-ajax-options.js?v=1790954939061

1/**
2 * Supported Browser : MSIE, Chrome, FireFox, Safari
3 * 
4 * Object       : jquery-ajax-options.js
5 * Description  : AJAX 기본 옵션 정의 및 관련 메소드 
6 * Author       : LaheeDad
7 * Since        : 2013.7.29.
8 * Version      : 1.0
9 * 
10 * Modification Information
11 *     since          author              description
12 *  ===========    =============    ===========================
13 *  2013.7.29.     LaheeDad         최초 생성
14 */
15
16(function($){
17		$(document).ready(function(){
18			$.ajaxSetup({
19			    dataType:"json",
20			    //cache: false,
21			    //async: false,
22				beforeSend : function(xhr, settings){
23				    //ajaxUtil.start();				    
24				},
25				complete : function(xhr, status){
26				},
27				error : function(xhr, status, error){
28				    ajaxUtil.end();
29				    
30					/**
31					 * ERROR 공통 설정
32					 * xhr.status : http 오류 번호 를 출력 합니다. (500, 404 등)
33					 * xhr.statusText : 오류 내용 텍스트 -> 세번째 인자 errorThrown과 동일 합니다.
34					 * xhr.responseText : url의 response full text를 출력 합니다.
35					 * xhr.readyState : ajax readyState를 출력 합니다.
36					 */
37					if(xhr.status === 403){
38						alert('Access 권한이 없는 메뉴입니다.\n\n관리자에게 문의 바랍니다.');
39					}else if(xhr.status === 401){
40//						alert('세션이 종료 되었습니다.\n다시 로그인 하시기 바랍니다.');
41						location.replace("./error/authFailure.do");
42					}else{
43						alert('요청작업 처리중 ERROR가 발생하였습니다.\n\n관리자에게 문의 바랍니다.');
44					}
45				}
46			});
47		});
48
49		$(document).ajaxStop(function(){
50		    ajaxUtil.end();
51		});
52})(jQuery);
53
54
55/**
56 * AJAX 호출을 위한 공통 Object
57 * 
58 * - ajaxUtil.post
59 * - ajaxUtil.get
60 * - ajaxUtil.start
61 * - ajaxUtil.end
62 */
63var ajaxUtil = {
64    /**
65     * RequestMethod = POST
66     * 
67     * @param pUrl  호출 URL
68     * @param pData  {paramName : 'paramValue'} 형식의 Request Parameter.
69     *               ref.) var data = { code : 'S' }               
70     *               또는 $(form).serialize()으로 넘겨줘도 된다.                              
71     * @param pCallback  AJAX-SUCEES시 리턴되는 Call Back 함수 명.
72     */
73    post : function( pUrl, pData, pCallback) {
74        $.ajax({

75            type : 'POST',
76            url : pUrl,
77            data : pData,
78            success : pCallback
79        });        
80    },
81    /**
82     * RequestMethod = POST
83     * 동기화 비활성화
84     * @param pUrl  호출 URL
85     * @param pData  {paramName : 'paramValue'} 형식의 Request Parameter.
86     *               ref.) var data = { code : 'S' }               
87     *               또는 $(form).serialize()으로 넘겨줘도 된다.                              
88     * @param pCallback  AJAX-SUCEES시 리턴되는 Call Back 함수 명.
89     */
90    postDisableAsync : function( pUrl, pData, pCallback) {
91        $.ajax({
92            type : 'POST',
93            url : pUrl,
94            async: false,
95            data : pData,
96            success : pCallback
97        });        
98    },
99    /**
100     * RequestMethod = POST
101     * 캐시 비활성화
102     * @param pUrl  호출 URL
103     * @param pData  {paramName : 'paramValue'} 형식의 Request Parameter.
104     *               ref.) var data = { code : 'S' }               
105     *               또는 $(form).serialize()으로 넘겨줘도 된다.                              
106     * @param pCallback  AJAX-SUCEES시 리턴되는 Call Back 함수 명.
107     */
108    postDisableCache : function( pUrl, pData, pCallback) {
109        $.ajax({

110            type : 'POST',
111            url : pUrl,
112            cache: false,
113            data : pData,
114            success : pCallback
115        });        
116    },
117    /**
118     * RequestMethod = GET
119     * 
120     * @param pUrl  호출 URL
121     * @param pData  {paramName : 'paramValue'} 형식의 Request Parameter.
122     *               ref.) var data = { code : 'S' }               
123     *               또는 $(form).serialize()으로 넘겨줘도 된다.                              
124     * @param pCallback  AJAX-SUCEES시 리턴되는 Call Back 함수 명.
125     */
126    get : function( pUrl, pData, pCallback) {
127        $.ajax({
128            type : 'GET',
129            url : pUrl,
130            data : pData,
131            success : pCallback
132        });        
133    },
134    /**
135     * RequestMethod = GET, DataType = JSONP
136     * 
137     * @param pUrl  호출 URL
138     * @param pData  {paramName : 'paramValue'} 형식의 Request Parameter.
139     *               ref.) var data = { code : 'S' }               
140     *               또는 $(form).serialize()으로 넘겨줘도 된다.                              
141     * @param pCallback  AJAX-SUCEES시 리턴되는 Call Back 함수 명.
142     */
143    getJsonp : function( pUrl, pData, pCallback) {
144        $.ajax({

145            type : 'GET',
146            dataType:"jsonp",
147            url : pUrl,
148            data : pData,
149            success : pCallback
150        });        
151    },
152    /**
153     * RequestMethod = POST, async = true, DataType = JSON
154     * 
155     * @param pUrl  호출 URL
156     * @param pData  {paramName : 'paramValue'} 형식의 Request Parameter.
157     *               ref.) var data = { code : 'S' }               
158     *               또는 $(form).serialize()으로 넘겨줘도 된다.                              
159     * @param pCallback  AJAX-SUCEES시 리턴되는 Call Back 함수 명.
160     */
161    postJson : function( pUrl, pData, pCallback) {
162        $.ajax({
163            type : 'POST',
164            async: true,
165            dataType:"json",
166			headers: {          
167			    Accept: "application/json;charset=UTF-8",         
168			    "Content-Type": "application/json;charset=UTF-8"   
169			},
170            url : pUrl,
171            data : pData,
172            success : pCallback
173        });        
174    },
175    /**
176     * FORM SUBMIT 사용시 호출
177     * 
178     * 첨부파일 업로드시 사용할것.
179     * 
180     * @param pFormObject   FORM 객체                          
181     * @param pCallback     Call Back 함수 명
182     */
183    formSubmit : function( pFormObject, pCallback) {
184        $(pFormObject).ajaxSubmit({
185            type : 'POST',
186            async: false,
187            target : 'ifr',
188            dataType : 'text',
189            beforeSubmit : ajaxUtil.start,
190            success : pCallback,
191            error : function(xhr, status, error){
192                console.log('ajaxUtil.formSubmit');
193                
194                /**
195                 * ERROR 공통 설정
196                 * xhr.status : http 오류 번호 를 출력 합니다. (500, 404 등)
197                 * xhr.statusText : 오류 내용 텍스트 -> 세번째 인자 errorThrown과 동일 합니다.
198                 * xhr.responseText : url의 response full text를 출력 합니다.
199                 * xhr.readyState : ajax readyState를 출력 합니다.
200                 */
201                if(xhr.status === 403){
202                    alert('Access 권한이 없는 메뉴입니다.\n\n관리자에게 확인하세요.');
203                }else if(xhr.status === 401){
204//                    alert('세션이 종료 되었습니다.\n다시 로그인 하시기 바랍니다.');
205                    location.replace("./error/authFailure.do");
206                }else{
207                    alert('요청작업 처리중 ERROR가 발생하였습니다.\n\n관리자에게 문의 바랍니다.');
208                }
209            },
210            complete: function() {
211                ajaxUtil.end();
212            }
213        });       
214    },
215	/**
216	 * 로딩 이미지 ON
217	 * @param o   Element Object 전체 화면에 해단 로딩이미지가 아니라 특정 영역에 한정된 로딩 이미지일때 Object를 넘겨준다.
218	 *             ref.) $(divName) 
219	 */
220    start : function(o){
221        var loadingLeft = ( $(window).scrollLeft() + ($(window).width() - $('#loading-wrap').width()) / 2 );
222        var loadingTop = ( $(window).scrollTop() + ($(window).height() - $('#loading-wrap').height()) / 3 );
223        $('#loading-wrap').css({'left':loadingLeft,'top':loadingTop, 'position':'absolute'});
224        $('#mask2, #ifr2').css({'width':$(window).width(),'height':$(document).height()});  
225        
226        $('#ifr2').show();
227        $('#mask2').fadeTo("slow",0.5);    
228        $('#loading-wrap').show();
229	},
230	/**
231	 * 로딩 이미지 OFF
232	 */
233	end : function(){
234	    $('#ifr2, #mask2, #loading-wrap').hide();  
235	},
236	/**
237     * Ajax Error 메세지 처리
238     * Statements
239     * @param json
240     */
241    error : function(json){
242        ajaxUtil.end();
243        var errorMsg = "";
244        
245        if(json.bindingStatus == undefined && json.result == undefined){
246            alert('요청작업 처리중 ERROR가 발생하였습니다.\n\n관리자에게 문의 바랍니다.');
247        }else if(json.bindingStatus != undefined && !json.bindingStatus){
248            if(json.message == undefined){
249                errorMsg += '입력값이 올바르지 않습니다.';
250            }else{
251                errorMsg += stringUtil.replaceNewLine(json.message);
252            }
253            
254            //Binding에러는 Field순서대로 표시
255            for(var i = json.bindingFields.length -1; i >= 0 ; i--){
256                //errorMsg += '\n - ' + $('input[name='+ json.bindingFields[i].field +']:eq(0)').attr('title')  + '을(를) 입력해 주세요.';
257                errorMsg += '\n - ' + stringUtil.replaceNewLine(json.bindingFields[i].defaultMessage);
258            }
259            
260            alert(errorMsg);
261        }else if( json.result.uploadInfo != undefined && !json.result.uploadInfo.status){
262            var uploadFile = json.result.uploadInfo.uploadFileInfo;
263            
264            for(var i = 0; i < uploadFile.length; i++){
265                alert(stringUtil.replaceNewLine(uploadFile[i].ogcFilNm +' 파일은  ' +json.result.message));
266            }
267        }else if(!json.result.status){
268            if(json.result.message == undefined){
269                alert('조회된 데이터가 없습니다.');
270            }else{
271                alert(stringUtil.replaceNewLine(json.result.message));
272            }
273        }
274    }
275};