小白日记——前端js组装list对象，后台接收问题

　　今天项目中遇到了一个问题，页面中的数据，需要组装成一个list后，然后提交到后台。

　　之前在c#中，直接在后台Controller中定义对应的 List<object>即可，但是在java中经过一番尝试以后，发现竟然无法组装成对应的对象！！！然后就开始了我的填坑之旅。

　　首先，F12看了一下后台form表单，提交过来的数据，原来是多个list<String>的对象，每个字段对应一个list，难怪后台无法自动组装成list<Object>对象

　　于是，改变思路，想到jquery中对form的序列化，改成ajax后台提交。

　　结果，第二个问题出现了。。。。jquery.SerilizArray()方法，只是将每个字段都封装到了一个array中，还是无法自动组装成Array<Object>的方式。

　　然后，想了想只能自己组装一个Array<Object>。。。饶了半天还是得靠自己，不能偷懒啊，前台代码如下：

　　

function initCartInfoArray() {
        let cartObjectArray = new Array();
        //获取所有选中框
        let checkObject = $('#cartBox input[name="cartCheck"]:checked');
        if (checkObject) {
            $.each(checkObject, function (k, checkCart) {
                let tempCartData = $(checkCart).parents('.order_lists');
                let tempCart = generateCartObject(tempCartData);
                if (tempCart) {
                    cartObjectArray.push(tempCart);
                }
            })
        }
        return cartObjectArray;
    }

    function generateCartObject(cartData) {
        let cart = new Object();
        let propertyArray = ['sid', 'productName', 'productType', 'priceAvgMin', 'priceAvgMax', 'quantity', 'image'];
        for (let i = 0; i < propertyArray.length; i++) {
            cart = setCartPropertyValue(propertyArray[i], cart, cartData);
        }
        return cart;
    }

    function setCartPropertyValue(propertyName, cart, cartData) {
        let propertyValue = $('input[name="' + propertyName + '"]', cartData).val()
        if (propertyValue) {
            cart[propertyName] = propertyValue;
        } else {
            cart[propertyName] = '';
        }
        return cart;
    }
   

　　按照上面的方式，自信满满的改完了前台，然后点击了提及按钮。。。。结果，后台无法接收。。。。提示“utf-8编码问题”，经过一番查询后，原来是ajax提交的时候，没有设置contenType,修改以后，ajax代码如下

  $('#btnSave').click(function () {
            let cartObjectArray = initCartInfoArray();
            $.ajax({
                url: '/production/add',
                type: 'post',
                async: true,
                cache: false,
                contentType: "application/json",
                data: JSON.stringify(cartObjectArray),
                success: function (result) {
                    if (!result.status) {
                        removeAlreadyCart(cartObjectArray);
                        alert("保存成功");
                    } else {
                        alert(result.message)
                    }
                },
                error: function (xhr) {
                    alert(JSON.stringify(xhr))
                    return false;
                }
            });
        });

　　改完之后，发现仍然不能用。。。原来是 参数前面没有增加@RepnoseBody 。。尴尬啊，从C#转到java真不容易啊，加油

@RequestMapping(value = {"/add"}, method = RequestMethod.POST, produces = MediaType.APPLICATION_JSON_VALUE)
    @ResponseBody
    public ReturnVo addOrder(@RequestBody List<CartInfoVo> cartInfoVoList) {
        ReturnVo returnVo = new ReturnVo();

        if (cartInfoVoList == null || cartInfoVoList.size() < 1) {
            returnVo.setStatus(true);
            returnVo.setMessage("请至少选择一件物品");
            return returnVo;
        }
        String result = orderService.add(cartInfoVoList);
        if (StringUtils.isNotBlank(result)) {
            returnVo.setMessage(result);
            returnVo.setStatus(true);
        }
        return returnVo;
    }