뷰 체크박스 여러개, 제이쿼리로 문자열 생성 후 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조회