前台ajax传数组，后台java接收

最新推荐文章于 2024-10-31 19:20:45 发布

weixin_34144450

最新推荐文章于 2024-10-31 19:20:45 发布

阅读量470

点赞数

CC 4.0 BY-SA版权

文章标签： java 后端前端 ViewUI

原文链接：http://www.cnblogs.com/nongzihong/p/10878222.html

本文介绍了一种使用JavaScript和jQuery从多个选中的checkbox中获取值的方法，并通过AJAX将这些值以JSON格式发送到后端。后端使用SpringMVC接收并处理这些数据，返回处理结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端

//添加
    @RequestMapping(value = "checkChoise")
    @ResponseBody
    ResultJson checkChoise(@RequestBody List<String> arr) {
        ResultJson resultJson = new ResultJson();
        System.out.println("str:"+arr);
        resultJson.setStatus(0);
        resultJson.setMessage("添加成功！");
        resultJson.setData(null);
        return resultJson;
    }

//某个角色函数
function comfirm(){

     //获取checkbox[name='check']的值
     var arr = new Array();
     $("input:checkbox[name='check']:checked").each(function(i){
           arr[i] = $(this).val();
     });   
    $.ajax({
        type: "post",//注意不能用get
        dataType: 'json',
        url: "/checkChoise",
        contentType: 'application/json',//这个必须是这个格式
        data: JSON.stringify(arr),//前台要封装成json格式
        success: function (result) {
            if (result.status == 0) {
                
            }
            if (result.message != null) {
                layer.msg(result.message)
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            layer.msg('{"status":"' + XMLHttpRequest.status + '","readyState":"' + XMLHttpRequest.readyState + '","textStatus":"' + textStatus + '","errorThrown":"' + errorThrown + '"}')
        }
    })
}