我想使用js和ajex调用将来自DB的多个复选框数据发送到spring控制器

Question

我想使用js，ajax调用并通过类名“ checkk”获取复选框，将多个选定的复选框数据（Id）发送到spring控制器，但是每当我按下提交按钮时，都不会发生。这是我的js和ajex代码：

$(document).ready(function () {
$('#submitdata').click(function() {
    getValueUsingClass();
});
});

function getValueUsingClass(){
var chkArray = [];
    $('.checkk:checked').each(function() {
    chkArray.push($(this).val());
});


$.ajax({
    type: "post",
    url: '/spring-demo/channel/getBouquetsByChannelCode',
    cache: false,       

    data:'data=' + checkboxValues,
    success: function(){
        var selected;
        selected = chkArray.join(',') ;

        if(selected.length > 0){
            alert("You have selected " + selected); 
        }else{
            alert("Please at least check one of the checkbox"); 
        }
    },

    error: function(){                      
        alert('Error while request..');
    }
  });   
  }

这是jsp代码：

<div>
<table class="table table-bordered  " id="tablee">
<tbody>
<c:forEach var="ch" items="${Channels}" varStatus="status">
<tr><td id="check"><input type=checkbox name=channelCode 
class="checkk" value="${ch.channelCode}"></td>
<td>${ch.channelname}</td>
<td>${ch.price}&#x20b9;</td>
<td>${ch.languageSupported }</td>
<td>${ch.category}</td>
</c:forEach> 
</tbody>
</table>
<input type="submit" class="btn btn-outline-info  btn-md  btn-block " 
value="Check Out" id="submitdata" />
</div>

这是我的控制器：

@RequestMapping(value = "/getBouquetsByChannelCode", method = 
RequestMethod.POST)
public ModelAndView getBouquets(@RequestParam("channelCode") String[] 
channelCode) {
List<Channel> channels = 
channelService.findBouquetByChannelCode(channelCode);
return new ModelAndView();
}

请纠正我的操作方法。