/*
화면 설명 : 조회 조건 : 시작일, 종료일 조회버튼<br>
*/
<p><button type="button" id="selectBtn"><span>조회</span></button></p>
<p><span class="loading" style="display:none;"> <img src="common/loading.gif" alt="로딩중" > </span></p>
<script type="text/javascript">
$(window).ready(function() {
$(document).on('click', '#selectBtn', function() {
if( $('#fromDate').val() == "") {
alert("검색 시작일을 입력하세요.");
$('#fromDate').focus();
return false;
}
else if( $('#toDate').val() == "") {
alert("검색 종료일을 입력하세요.");
return false;
}
var params = {
type : 'post',
dataType : 'json',
url : '${contextPath}/test/list.do',
data : params,
success : function(obj) {
if(obj.success) {
var sb = new StringBuilder();
if (obj.data.length > 0) {
var total = obj.data.length;
$.each(obj.data, function(idx, val) {
sb.append('<tr>');
sb.sppendFormat('<td> {0} </td>', val.data1);
sb.sppendFormat('<td> {0} </td>', val.data2);
sb.sppendFormat('<td> {0} </td>', val.data3);
sb.append('</tr>');
});
} else {
sb.append('<tr>');
sb.append('<td colspan="3"> 해당자료가 존재하지 않습니다. </td>');
sb.append('</tr>');
}
$('$listTable > tbody').empty();
$('$listTable > tbody').html(sb.toString());
sb.empty();
} else {
alert('조회실패.' + obj.message);
}
},
beforeSend:function() { //상태바 show
$('.loading').show();
},
complete:function() { //상태바 hide
$('.loading').hide();
}
});
});
});
</script>
'개발 하자 빵찌니 > JQuery' 카테고리의 다른 글
JQuery 날짜변경 이벤트 (0) | 2021.08.22 |
---|---|
JQuery 같은열 셀 합치기 (0) | 2018.09.09 |
[jquery] jquery 로 체크박스 리스트의 체크된 값 (0) | 2018.08.25 |
jQuery row 추가 (입력창 추가), jQuery 테이블 행 추가/삭제 (0) | 2018.08.25 |
jQuery 테이블 행 추가/삭제 (0) | 2018.08.25 |