关于json数组拼接中对象的对象具体实现

最新推荐文章于 2023-07-12 10:57:19 发布

Sundj1

最新推荐文章于 2023-07-12 10:57:19 发布

阅读量1.6k

点赞数 1

分类专栏：前端学习

本文链接：https://blog.csdn.net/Sundj1/article/details/71515372

版权

前端学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

这篇博客探讨了在前端开发中如何拼接JSON数组，特别是创建包含二级对象的结构，以方便多表数据传输。通过示例代码展示了如何初始化对象和使用对象字面量，同时提到了JSON.stringify()在将对象转换为字符串时的重要性。

摘要由CSDN通过智能技术生成

博客已经迁移到http://www.cnblogs.com/sundjly/

就直接上代码了创建二级对象的原因是后台数据是多张表传到前端显示的，为了方便传输，采用这样的拼接。

var categoryName=$('#categoryName option:checked').text();
var infoId=$('#numberID').val();
var infoName=$('#infoName').val();
var cityCode=$('#city option:checked').val();
var posture=$('#posture').val();
var price=$('#price').val();
var serviceTotalTime=$('#serviceTotalTime').val();
var infoImg=$('#img').val();
var description=$('#description').val();
var ServiceAssurance=$('input[name="serviceSupport"]').val();//服务保障
var Application=$('#application').val();
var impact=$('#impact').val();
var way=$('#way').val();
var supply=$('#supply').val();
var announcements=$('#announcements').val();
var orderInformation=$('#orderInformation').val();
var commissionRate=$('#commissionRate').val();
var s={}; //创建一个对象
s.info={};//二级对象

 
  s. 
  dyInfo = {}; 
 
 
  s. 
  category = {}; 
 
 
  s. 
  category. 
  name = 
  categoryName; 
 
 
  s. 
  info. 
  id = 
  infoId; 
 
 
  s. 
  info. 
  name = 
  infoName; 
 
 
  s. 
  info. 
  img = 
  infoImg; 
 
 
  s. 
  info. 
  cityCode = 
  cityCode; 
 
 
  s. 
  info. 
  description = 
  description; 
 
 
  s. 
  info. 
  serviceTotalTime = 
  serviceTotalTime; 
 
 
  s. 
  info. 
  price = 
  price; 
 
 
  s. 
  info. 
  posture = 
  posture; 
 
 
  s. 
  info. 
  serviceAssurance = 
  ServiceAssurance; 
 
 
  s. 
  info. 
  application = 
  Application; 
 
 
  s. 
  info. 
  impact = 
  impact; 
 
 
  s. 
  info. 
  way = 
  way; 
 
 
  s. 
  info. 
  supply = 
  supply; 
 
 
  s. 
  info. 
  announcements = 
  announcements; 
 
 
  s. 
  info. 
  orderInformation = 
  orderInformation; 
 
 
  s. 
  dyInfo. 
  commissionRate = 
  commissionRate; 
 
 
  s. 
  info. 
  state = 
  j; 
 

这里可以用对象字面量的表示法更加的简洁直观

如下所示：

 
  var 
  s={ 
 
  dyInfo:{ 
 
  commissionRate:commissionRate 
 
   }, 
 
  category:{ 
 
  name:categoryName 
 
   }, 
 
  info:{ 
 
  id:infoId, 
 
  orderInformation:orderInformation, 
 
  announcements:announcements 
 
   } 
 
   }

var SaleOrder=new Array;
SaleOrder.push(s);
console.log(JSON.stringify(SaleOrder));//测试json格式
var url='';

$.ajax({
type:'post',
dataType:'json',
url:url,
async:false,
data:{
SaleOrder:JSON.stringify(SaleOrder),
},

success:function(data){

alert('传输成功')

error:function(data){alert('传输失败');}

});

JSON.stringify()是把一个对象变成字符串的方法，这里必须用这样的方法，不然后台就会接受出错