Js 模板

var _rend = '#order-menu';

 json2html(_rend, data, '#nav_cont1');

//表数据渲染
//template:模板

//data:数据,

//render:容器

//action:是否下拉
function json2html(template, data, render, action) {
        if (!template) {
            return;
        }
        if(template.indexOf('#') == 0 || template.indexOf('.') == 0) {
            template = $(template).html();
        }
        if (!data) {
            if (render) {
                $(render).html('');
            }
            return '';
        }
        action = action || 0;
        var _html = '';
        if (data.length) {
            data.forEach(function (item) {
                _html += template.toHtml(item);
            });
        }
        else {
            _html += template.toHtml(data);
        }
        if (render) {
            switch (action) {
                case 0:
                {
                    $(render).html(_html);
                } break;
                case 1:
                {
                    $(render).append(_html);
                } break;
            }
        }
        return _html;

};

//模板字符串转换Html
String.prototype.toHtml = function (data) {
    var _result = this.replace(/\{\w+\}/gi, function (matchs) {
        var _key = matchs.replace(/\{/g, '').replace(/\}/g, '');
        var _output = data[_key] || '';
        return _output ? _output : '';
    });
    if (_result == null || _result == undefined || _result == '') {
        return '';
    }
    return _result.replace(/\r\n/mg, '<br />');
};

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值