json数据绑定到前端页面元素

方法:

 1、首先取到页面元素。

2、用jQuery调用json对象。

jQuery.fn.extend({
            'jsonBind':function(json){
                var dom=this;
                dom.find('[json-bind]').each(function(){
                    var val=$.trim(json[$(this).attr('json-bind')]);
                    if(val!='') $(this).html(val);
                });
                dom.find('[json-bind-attr]').each(function(){
                    var s=$(this).attr('json-bind-attr').split('|');
                    if($(this).attr(s[0]).indexOf('{%s}')>-1){
                        $(this).attr(s[0],$(this).attr(s[0]).replace('{%s}',json[s[1]]));
                    }else{
                        $(this).attr(s[0],json[s[1]]);
                    }
                });
            }
        });

3、调用页面元素取值。

 $('body').jsonBind({'ENT_NAME':'甘肃东方名扬科技有限公司','FR_NAME':'金龙','REG_ORG_PROVINCE':'云南省官渡区555号','REG_NO ':'6666666','ES_DATE ':'1995-04-08','OP_FROM ':'2019-9-5','REG_ORG ':'云南公安局','REG_CAP_CUR ':'人民币元','REG_CAP ':'200','REC_CAP ':'888','CHANGE_DATE ':'1999-7-9','INDUSTRY_CO_NAME ':'粮油','INDUSTRY_CO_CODE ':'10101010101010','OP_SCOPE ':'啥都经营','PER_NAME ':'金哥','POSITION ':'CTO兼董事长','SHA_NAME ':'景龙徐明','SUB_CONAM ':'77777','REG_CAP_CUR  ':'人民币','CON_FORM ':'货币','FUNDED_RATIO ':'20%','CON_DATE ':'1230-8-9','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':'','':''});

 
  刷新页面,大功告成。。。。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值