求教将后台返回的JSON数据填充到表格的问题

1.首先需要用script引入jquery和easyui文件。如图所示：

2.html页面设置如下：

data-options里面设置的属性可根据需要自己定义，是否单选，是否设置分页等等。

3.引入easyui的css样式。

4.用ajax方法加载出数据。

注意：在成功以后的回调函数中给页面id为dg的盒子绑定数据。

5.配置datagrid方法：

function fLoadTable(){

$('#dg').datagrid({

title: '用户列表',

width: 700,

height: 300,

fitColumns: true,

//对应json数据中的每一列

columns : [ [ {

field : 'id', //每一列的名字

width : '100',

title:'ID',

checkbox:true

},{

field : 'flag',

title : '职位',

width : '100',

align : 'center'

}, {

field : 'userName',

title : '姓名',

width : '100',

align : 'center',

},{

field : 'gender',

title : '性别',

width : '100',

align : 'center',

},{

field : 'email',

title : '邮箱',

width : '100',

align : 'center',

}

] ],

idField:'id',

loadMsg:'Processing, please wait …',

pagination:true 

})

}

6.最后调用这两个函数。

7.效果截图

下面是我的json数据：

json一般是通过js来解析的，然后在页面上显示，所以用Struts-tags标签来遍历肯定是不行的，因为标签所取的值来自于ValeStack，然后输入Ognl表达式得到，这里的Json不符合这个条件。json格式的数据我们是可以通过js代码拆分的，然而我们的table也是可以通过js代码动态生成的，所以你动态生成table的同时把json的数据追加进table里面就可以了。

直接varchar或者text之类的类型即可插入。在Mysql5.7或以上可以支持JSON数据类型。其他的数据库你可以参考他的不同版本，考虑是否支持JSON数据类型，如果不支持就用字符串类型。但是要考虑长度。

PS：如果是用客户端链接，那么就算数据库支持，那客户端也得是最新版支持JSON的，要不然数据库支持，工具以为不支持！

---