前端 json格式数据处理

最新推荐文章于 2024-11-27 10:00:25 发布

原创最新推荐文章于 2024-11-27 10:00:25 发布 · 526 阅读

0 ·

CC 4.0 BY-SA版权

web前端同时被 3 个专栏收录

11 篇文章

订阅专栏

ajax

3 篇文章

订阅专栏

easyUI

1 篇文章

订阅专栏

该博客介绍了在前端表单提交前如何处理JSON格式的数据，特别是数组类型的字段。通过示例展示了如何将数组转换为逗号分隔的字符串，以便于后台能够正确接收和处理。例如，将`billStatus: ["0", "1"]`转化为`billStatus: "0,1"`，以及处理`bizMonth`字段，确保其为字符串格式。" 90614163,8004158,Ubuntu16.04环境下Storm集群搭建步骤,"['大数据开发', 'Storm', 'zookeeper', '集群部署', 'Linux']

表单提交前，部分数组格式转换处理提交

if (!$("#queryForm").form('validate')) {
               return false;
           }
           var ajaxData = $('#queryForm').serializeJson();
           if(user_Type=='2' || user_Type=='3'){
               ajaxData.carrierControl="yes";
           }
           var collecArr = [];
           if(isNotEmpty(ajaxData.costType)){
               $(ajaxData.costType).each(function(index,val){
                   if(isNotEmpty(val)){
                       collecArr.push(val);
                   }
               });
           }
           ajaxData.costType = collecArr.join(',');
           $.ajax({
       type : 'post',
       url : contextPath + exportBillUnitUrl,
       data : ajaxData ,
       processData : true,
       dataType : 'json',
       success : function(resp, status, xhr) {

       },

       });

比如这种数组格式，不处理，提交后台就是i这种 billStatus: ["0", "1"] ，这种后台接受处理有问题

经过上面转换成 billStatus:："1,2"

也可以这种转换

var bizMonth = obj.bizMonth;
       if(isNotEmpty(obj.bizMonth)&& typeof obj.bizMonth !="string" ){
           bizMonth = obj.bizMonth.join(',');
       }