电子商城后台系统(七):前端json2table方法封装

在写代码的时候,每次写完,都要思考一下,代码要怎么样才可以具有通用性,也就是在别的地方,也一样可以使用,这就是封装。在做后台管理系统的时候,我们就会发现,后台在展示数据的时候,通常都是以表格的形式来展示数据的。而在表格中展示的这些数据,后端传过来的,通常是一个json的数组,类似于这样的:

var data = [{"id":1,"name":"张三","sex":"男"},
	{"id":2,"name":"李雷","sex":"男"},
	{"id":3,"name":"美美","sex":"女"},
	{"id":4,"name":"小红","sex":"女"}];

基于此,我们可以封装一个通用的方法,把json数组,转化成表格,后面再遇到类似的情况,只需要调用这个方法就可以了。那这个方法,要怎么样封装呢?我们使用jquery框架来进行编写,当然jquery并不是必须的。首先,我们分析,这是一个数组,数组的每一个元素是一个json,并且每个json的各个属性名称是一样的,个数也是一样的,就像上面的例子,每个json都有id、name、sex三个属性。那么就可以先取出数组中的第一个json,然后遍历它的属性,拿出属性名,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值