何如把接口的对象名渲染到项目里面,作为标题使用

  1. 接口数据
    {code: 1, result: {,…}, msg: null}
    code: 1
    msg: null
    result: {,…}
    distribution: {trade_scheme: “only_platform”, member: {platform: 10}, goods: {platform: 10}, course: {platform: 10},…}

activity: {platform: 10}
course: {platform: 10}
goods: {platform: 10}
member: {platform: 10}
recharge: {platform: 10}
trade_scheme: “only_platform”

  1. 渲染的界面样式

在这里插入图片描述

  1. 代码实现
<div class="sections">
    <!--基本信息-->
    <div class="goodsClassify">
        <div class="goodsClassifyTitle">基本信息</div>
        <div class="goodsContent" id="basic_one">
        </div>
    </div>
    <div class="preserved">
        <button type="button" id="filter-search-btn" class="zent-btn-primary zent-btn">同步</button>
    </div>
</div>
<script type="text/html" id="tpl_basic_one">
    {{each}}
    {{if $index == 'trade_scheme'}}
    <div class="messageItem">
        <div class="control"><i class="xing">*</i>{{$index}}</div>
        <div class="formControls"><input type="text" readonly data-tag="{{$index}}" class="goods_name"
                                         value="{{$value}}"></div>
    </div>
    {{else}}
    <div class="messageItem">
        <div class="control"><i class="xing">*</i>{{$index}}</div>
        <div class="formControls"><input type="text" readonly data-tag="{{$index}}" class="goods_name"
                                         value="{{$value.platform}}"></div>
    </div>
    {{/if}}
    {{/each}}
</script>
        $(document).on("click", "#filter-search-btn", function () {
            $.Ajax({
                url: api.syncDistribution,
                is_login: true,
                success: function (res) {
                    console.log(res);
                    if (res.code == 1) {
                        layer.msg(res.result.msg);
                        $('#contentTable').bootstrapTable('refresh');
                    } else {
                        layer.msg(res.result.msg)
                    }
                },
                fail: function (res) {
                    layer.msg(res.result.msg)
                }
            })
        });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值