引导填充Json数据的实例代码

本文介绍引导程序填充Json数据，具体如下：

一、如图：

二、html代码：

"%@"页面语言="Java "页面编码="UTF-8 "内容类型="文本/html；charset=UTF-8 ' % div class=' content ' div class=' table-responsive ' div class=' container-fluid ' div class=' row-fluid ' form class=' form-内嵌井-sm ' id=' monitor _ form '角色=' form ' div class=' form-group pdate '标签为='日期'起日期：/labelinput type=' text ' id=' start date ' name=' start date ' class=' form-control layer-date ' data-options=' 可编辑： false，必需d : rue/I class='iconfont'/i/div类='表单-组pdate '标签为='日期'止日期：/labelinput type=' text ' id=' end date ' name=' end date ' class=' form-control layer-date ' data-options=' editable : false，required : true '/I class='iconfont'/i/div类=' form-group ' a href=' JavaScript : void(0)；' class='iconfont'/i查询/a/div/form div class=' col-xs-6 no space ' div class=' panel panel-default ' div class=' panel-heading '统计图表/div div class=' panel-body ' style=' border :0 px；'img id=' JPGE _ PDid ' src=' http : ' title='统计图表alt='统计图表//div/div/div class=' col-xs-6 no space ' div class=' panel panel-default ' div class=' panel-heading '统计数据/div class=' panel-body no order ' style=' border :0 px；'！-table id=' monitor-table ' class=' table-分条table-hover ' data-mobile-response=' true '/table-table id=' monitor-table ' class=' table-table-分条“表-悬停”和“tr”数据字段=“项目0”数据类型第/个数据字段='item1 '流程名称第/个数据字段='item2 '数值/th/tr/thead/table/div/div/div/div/div三、js代码：

脚本var $ table=$(' # monitor-table ')；$(function(){ refflushChart()；$('#iconsearch ').单击(function(){ ReflushChart()；});});函数refflush chart(){ var params=$(' monitor _ form ').serialize()；var URL=' $ { CTX }/workflow/central！监控JPEG。动作'；submitForm(参数，url，函数（数据){ if(data.mess！=空数据。一团糟。长度0){ confirm。显示('提示，数据。食堂)；} $('#JPGE_pdId ').attr('src '，数据。IMgurl)；//var dataObj=eval('(' JSON。stringify(数据。datagrid)')')')；var dataObj=data . datagridalert(dataObj。长度)；//$table.bootstrapTable('load '，jquery)。parsejson(数据。datagrid))；$.每个(dataObj，函数（索引，项){ var $ tr=$(' tr ')；$.每个（项目，函数（名称，val){ var $td=$('td ').html(val)；$ tr。追加($ TD)；});$ table。追加($ tr)；});});}四、json数据格式：

{ 'state': 200，' mess': ' '，' startDate': '2016-10-04 '，' endDate': '2016-11-03 '，' imgUrl ' : '/工作流/报告图表/201611/03/5e 39452448594 Fe 8 a 8579d 1993029759。jpg '，' dataGrid ' 33333448594开单数，'项目1':申请1 '，' item2': '1' }，{ 'item0': '开单数，'项目1':申请2 '，' item2': '15' } ]}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。