加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap 填充Json数据的实例代码

发布时间:2020-12-18 00:42:44 所属栏目:安全 来源:网络整理
导读:本文介绍Bootstrap 填充Json数据,具体如下: 一、如图: 二、html代码: 查询 三、js代码: var $table = $("#monitor-table");$(function(){ refFlushChart(); $("#iconsearch").click(function(){ refFlushChart(); });}); function refFlushChart(){ var

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

一、如图:

二、html代码:

查询

三、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数据格式:

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!