Bootstrap 填充Json数据的实例代码

前端之家收集整理的这篇文章主要介绍了Bootstrap 填充Json数据的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文介绍Bootstrap 填充Json数据,具体如下:

一、如图:

二、HTML代码

required:true"/>
required:true"/>
查询
统计图表
统计数据
名称

三、js代码

var $table = $("#monitor-table"); $(function(){ refFlushChart(); $("#iconsearch").click(function(){ refFlushChart(); }); });

function refFlushChart(){
var params = $("monitor_form").serialize();
var url = "${ctx}/workflow/central!monitorJPEG.action";
submitForm(params,url,function(data){
if( data.mess!=null&&data.mess.length > 0 ){
Comfirm.show("提示",data.mess);
}
$("#JPGE_pdId").attr("src",data.imgUrl);
//var dataObj = eval("(" + JSON.stringify(data.dataGrid) + ")");
var dataObj = data.dataGrid;
alert(dataObj.length);
//$table.bootstrapTable('load',jQuery.parseJSON(data.dataGrid));
$.each(dataObj,function(index,item){
var $tr = $('<tr>');
$.each(item,function(name,val){
var $td = $('<td>').html(val);
$tr.append($td);
});
$table.append($tr);
});
});
}

四、json数据格式:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/42613.html

猜你在找的Bootstrap相关文章