ajax提交複雜物件資料

標籤：

public class RouteItemManageReq {    private List<WorkNodeReq> targetNodes;    private RouteItemReq obj;    public List<WorkNodeReq> getTargetNodes() {        return targetNodes;    }    public void setTargetNodes(List<WorkNodeReq> targetNodes) {        this.targetNodes = targetNodes;    }    public RouteItemReq getObj() {        return obj;    }    public void setObj(RouteItemReq obj) {        this.obj = obj;    }}

    public @ResponseBody List<SpiderBaseRespCenterExt> pushAddRouteItem(RouteItemManageReq req,Model model) {        return nodeManageService.pushAddRouteItem(req);    }

要在ajax中提交類似這樣的結構，不能直接將js直接附加到ajax請求的data上，否則不管是數組還是屬性都會以obj[prop][subprop]的方式傳遞到服務端，導致spring mvc無法解析而報錯。

所以，如果在ajax中需要通過拼接成string的方式傳遞。類似如下：

            for(var x=0;x<targetNodes.length;x++) {                formData = formData + "targetNodes[" + x + "].clusterName=" + targetNodes[x].split(":")[0] + "&";                formData = formData + "targetNodes[" + x + "].ip=" + targetNodes[x].split(":")[1] + "&";                formData = formData + "targetNodes[" + x + "].port=" + targetNodes[x].split(":")[2] + "&";            }            formData = formData + "obj.routeItem.serviceId=" + $("#myModal-route input[name=‘serviceId‘]").val() + "&";            formData = formData + "obj.routeItem.systemId=" + $("#myModal-route input[name=‘systemId‘]").val() + "&";            formData = formData + "obj.routeItem.subSystemId=" + $("#myModal-route input[name=‘subSystemId‘]").val() + "&";            formData = formData + "obj.routeItem.appVersion=" + $("#myModal-route input[name=‘appVersion‘]").val() + "&";            formData = formData + "obj.routeItem.companyId=" + $("#myModal-route input[name=‘companyId‘]").val() + "&";            formData = formData + "obj.routeItem.clusterName=" + $("#myModal-route input[name=‘clusterName‘]").val();            $.ajax({                url: "/middle/00000110.json",    //請求的url地址                dataType: "json",   //返回格式為json                // async: false, //請求是否非同步，預設為非同步，這也是ajax重要特性                data: formData,    //參數值                type: "GET",   //請求方式

 

ajax提交複雜物件資料