zoukankan      html  css  js  c++  java
  • 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",   //请求方式

    拼接其实是个很不好的实现,维护成本高,极容易出错,所以建议大家使用js模板库比如jsrender,可参考http://www.cnblogs.com/zhjh256/p/5978907.html。

  • 相关阅读:
    程序员跳槽到对手公司,被前老板设计陷害
    创业码农被公司套路最惨的一次经历
    记录一次由屁股决定研发的狗血经历
    不去培训班,你凭什么觉得自己能学会编程,嗯?!
    毕业生是怎么一步步给培训班骗去学编程的
    我的一次被骗去培训班狗血的经历
    不去培训班,你凭什么觉得自己能学会编程
    Phabricatori 之项目管理软件
    kvm之virt-manage 管理功能
    debian 10 安装apache 和php
  • 原文地址:https://www.cnblogs.com/zhjh256/p/5982135.html
Copyright © 2011-2022 走看看