数据库后台得到的json前台如何转换

9 篇文章 0 订阅

1、JSON.stringify(data)  这个函数可以将json对象转换成json字符串

2.使用https://www.bejson.com/ 可以将json字符串转换为json对象,查看json的结构。

var result = '';
for (var i = 0; i < data.length; i++) {
var time = new Date(parseInt(data[i].add_time) * 1000).toLocaleString();
var img = ''
for(var j = 0; j < data[i].pic.length; j++){
          img += '<li class="weui-uploader__file" style="background-image:url('+data[i].pic[j].tiezipic+');position: relative;"> </li>';
}
// result += '<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg"> <div class="weui-media-box__hd" style="width: 70px;height: 70px;"> <img class="weui-media-box__thumb" src="{$Think.const.IMG_URL}a.jpg" alt=""> </div> <div class="weui-media-box__bd"> <h4 class="weui-media-box__title">十月一国庆房产众筹活动</h4> <p class="weui-media-box__desc"> <div class="" style="color: #f2852a;font-size: 14px;"> SN码:'+data[i].snma+' </div> <div style="color: #7f7f7f;"> 购买时间:'+time+' </div> </p> </div> </a>'
result += '<div class="itemTie"> <!-- 发帖人信息状态 --> <div class="weui-row" style="margin:4% 0;"> <div class="weui-col-10"> <img src="'+data[i].user_img+'" class="userPhoto" /> </div> <div class="weui-col-80"> <h4 class="userName">'+data[i].user_nickname+'</h4> <div class=""> '+time+' </div> </div> </div> <!-- 标题和内容 --> <div class="weui-row"> <a href="" class="tTitle"> '+data[i].tiezi_title+'</a> <div class="tDescription"> '+data[i].tiezi_content+'</div> </div> <!-- 帖子图片 --><a href="" class="weui-row"> <div class="weui-cell__bd"> <div class="weui-uploader"> <div class="weui-uploader__bd"> <ul class="weui-uploader__files" id="uploaderFiles" style="padding: 10px 0;">'+img+'</ul> </div> </div> </div> </a><!-- 评论和点赞 --> <div class="tState cl"> <ul> <li> 666&nbsp;<i class="icon iconfont">&#xe665;</i> </li> <li> 12&nbsp;<i class="icon iconfont">&#xe63c;</i> </li> </ul> </div> </div>'
}
return result; 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值