Commit @5bcfe5a970bdfccf69351f94254914ae6748c587

rosewiper 2024-02-02

예약문자관리 예약취소시 로딩바 표시 추가

@5bcfe5a970bdfccf69351f94254914ae6748c587

dc0df86

5bcfe5a

src/main/webapp/WEB-INF/jsp/web/reservedmsg/ReservedMsgView.jsp

--- src/main/webapp/WEB-INF/jsp/web/reservedmsg/ReservedMsgView.jsp

+++ src/main/webapp/WEB-INF/jsp/web/reservedmsg/ReservedMsgView.jsp


 	form.pageIndex.value = pageNo;
 	
 	var sendData =  $(document.searchForm).serializeArray();
-	$(".resvMsgAllLoad").html('<div class="list_info"><table class="tType4"><tbody><tr><td colspan="12">LOADING...1</td></tr></tbody></table></div>');
+	$(".resvMsgAllLoad").html('<div class="list_info"><table class="tType4"><tbody><tr><td colspan="12">LOADING...</td></tr></tbody></table></div>');
 	$(".resvMsgAllLoad").load("/web/mjon/reservmsg/selectReservMsgListViewAjax.do", sendData ,function(response, status, xhr){
 	});
 	

 	        url: url,
 	        data: data,
 	        dataType:'json',
-	        async: false,
+	        async: true,
 	        processData: false,
 	        contentType: false,
 	        cache: false,

 					alert(returnData.message);
 				}
 			},
-	        error: function (e) { alert("예약 취소에 실패하였습니다."); console.log("ERROR : ", e); }
+	        error: function (e) { 
+	        	alert("예약 취소에 실패하였습니다."); console.log("ERROR : ", e); 
+	        },
+			beforeSend : function(xmlHttpRequest) {
+	        	//로딩창 show
+	        	$('.loading_layer').addClass('active');				
+			},	        	        
+	        complete : function(xhr, textStatus) {
+	        	//로딩창 hide
+	        	$('.loading_layer').removeClass('active');
+			}
 	    });
 		
 	}

 	document.popForm.submit();
 }
 </script>
+	
+	<div class="loading_layer">
+		<div class="loading_container">
+			<div class="bar"></div>
+			<div class="text">Loading</div>
+		</div>
+	</div>
+	
 	<!-- 문자내용 팝업 data-tooltip: rev_popup01 -->
 	<div class="tooltip-wrap">
 		<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">

Add a comment

Open 0
Closed 0

List

...	...	@@ -145,7 +145,7 @@
145	145	form.pageIndex.value = pageNo;
146	146
147	147	var sendData = $(document.searchForm).serializeArray();
148		- $(".resvMsgAllLoad").html('<div class="list_info"><table class="tType4"><tbody><tr><td colspan="12">LOADING...1</td></tr></tbody></table></div>');
	148	+ $(".resvMsgAllLoad").html('<div class="list_info"><table class="tType4"><tbody><tr><td colspan="12">LOADING...</td></tr></tbody></table></div>');
149	149	$(".resvMsgAllLoad").load("/web/mjon/reservmsg/selectReservMsgListViewAjax.do", sendData ,function(response, status, xhr){
150	150	});
151	151
...	...	@@ -303,7 +303,7 @@
303	303	url: url,
304	304	data: data,
305	305	dataType:'json',
306		- async: false,
	306	+ async: true,
307	307	processData: false,
308	308	contentType: false,
309	309	cache: false,
...	...	@@ -328,7 +328,17 @@
328	328	alert(returnData.message);
329	329	}
330	330	},
331		- error: function (e) { alert("예약 취소에 실패하였습니다."); console.log("ERROR : ", e); }
	331	+ error: function (e) {
	332	+ alert("예약 취소에 실패하였습니다."); console.log("ERROR : ", e);
	333	+ },
	334	+ beforeSend : function(xmlHttpRequest) {
	335	+ //로딩창 show
	336	+ $('.loading_layer').addClass('active');
	337	+ },
	338	+ complete : function(xhr, textStatus) {
	339	+ //로딩창 hide
	340	+ $('.loading_layer').removeClass('active');
	341	+ }
332	342	});
333	343
334	344	}
...	...	@@ -385,6 +395,14 @@
385	395	document.popForm.submit();
386	396	}
387	397	</script>
	398	+
	399	+ <div class="loading_layer">
	400	+ <div class="loading_container">
	401	+ <div class="bar"></div>
	402	+ <div class="text">Loading</div>
	403	+ </div>
	404	+ </div>
	405	+
388	406	<!-- 문자내용 팝업 data-tooltip: rev_popup01 -->
389	407	<div class="tooltip-wrap">
390	408	<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">

Delete comment