チェックボックスアレイ生成コントローラパラメータを取得し、dbを繰り返しクエリーする

11438 ワード

複数のビューチェックボックスで、Jクエリを使用して文字列を生成し、ajaxに戻り、コントローラから文字列Stringを受信します.
split("/")、兄に変換してDB for Moonで検索
<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