체크박스 배열생성 컨트롤러 파라미터 받기, db 반복 조회

뷰 체크박스 여러개, 제이쿼리로 문자열 생성 후 ajax리턴, 컨트롤러에서 문자열 String 받은 뒤
split("/"), 형변환 후 DB for문으로 조회

<div>
	<input type="checkbox" class="chk" name="skill" value="10" id="java" checked><label for="java">java</label>
	<input type="checkbox" class="chk" name="skill" value="11" id="html" checked><label for="html">html</label>
	<input type="checkbox" class="chk" name="skill" value="12" id="sql"><label for="sql">sql</label>
	<button>click</button>
</div>
<script>
$(document).ready(function(){
	
	$('button').on('click', function(){
		var list = '';
		$('.chk:checked').each(function(){
			list += $(this).val()+'/';
		})
		console.log(list);
		
		$.ajax({
			type : 'get',
			url : '/board/test',
			data : {list : list},
			success : function(result){
				console.log(result);
			},
			error : function(xhr){
				console.log(xhr.responseText);
			}
		});
	});
});
</script>
@GetMapping("/test")
	public void test(@RequestParam String list) {
		String[] listArr = list.split("/");
		
		for(int i = 0 ; i < listArr.length; i++) {
			BoardVO board = service.get((long)Integer.parseInt(listArr[i]));
			System.out.println(board);
		}
	}

뷰 파라미터 배열 -> 컨트롤러 -> db조회

좋은 웹페이지 즐겨찾기