区块链技术博客
www.b2bchain.cn

前端传递多个对象的数据到后台的讲解

这篇文章主要介绍了前端传递多个对象的数据到后台的讲解,通过具体代码讲解7109并且分析了前端传递多个对象的数据到后台的讲解的详细步骤与相关技巧,需要的朋友可以参考下

本文实例讲述了前端传递多个对象的数据到后台的讲解。分享给大家供大家参考文章查询地址https://www.b2bchain.cn/7109.html。具体如下:

1.把前端数据封装成json数组字符串

 $.fn.serializeJson = function(){     var jsonData1 = {};     var serializeArray = this.serializeArray();     // 先转换成{"id": ["12","14"], "name": ["aaa","bbb"], "pwd":["pwd1","pwd2"]}这种形式     $(serializeArray).each(function () {         if (jsonData1[this.name]) {             if ($.isArray(jsonData1[this.name])) {                 jsonData1[this.name].push(this.value);             } else {                 jsonData1[this.name] = [jsonData1[this.name], this.value];             }         } else {             jsonData1[this.name] = this.value;         }     });     // 再转成[{"id": "12", "name": "aaa", "pwd":"pwd1"},{"id": "14", "name": "bb", "pwd":"pwd2"}]的形式     var vCount = 0;     // 计算json内部的数组最大长度     for(var item in jsonData1){         var tmp = $.isArray(jsonData1[item]) ? jsonData1[item].length : 1;         vCount = (tmp > vCount) ? tmp : vCount;     }      if(vCount > 1) {         var jsonData2 = new Array();         for(var i = 0; i < vCount; i++){             var jsonObj = {};             for(var item in jsonData1) {                 jsonObj[item] = jsonData1[item][i];             }             jsonData2.push(jsonObj);         }         return JSON.stringify(jsonData2);     }else{         return "[" + JSON.stringify(jsonData1) + "]";     } };

2.

 var data2 = $("#delivered_info_add_form").serializeJson(); $.ajax({     url:urls.add,     type:"post",     data:data2,//List直接接收     //data:{'jsonStr':data2},//字符串接收     contentType : 'application/json;charset=utf-8', //设置请求头信息,List直接接收需设置    success:function (data) {         if(data.success){             view.msg(data.message);             actives.reload();             layer.close(index)         }else {             view.msg(data.message)         }     } });

3.后台接收json字符串,转化为json对象

前端传递多个对象的数据到后台

或者后台直接用List接收

前端传递多个对象的数据到后台

本文地址https://www.b2bchain.cn/7109.html

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 前端传递多个对象的数据到后台的讲解
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们