table

@一滴水_hi: 不知道你对 前端 ui库 / js库是否了解。如果了解的话，比较优雅的方法是利用相关 UI 库基于 AJAX 将 JSON 数据载入 table 容器 ，比如 layui 的 table 数据表格文档 - layui.table，如果你不明白这句话的意思，可以点击链接进去看看，并了解一下 AJAX（为了方便，目前多用 jquery 的 $.ajax 方法）。

其中 jquery 可以在 layui 中直接调用，参照 模块命名空间，如下：
layui.use(['layer', 'jquery'], function(){
var layer = layui.layer //获得layer模块
,$ = layui.$ //获得jquery模块

//使用模块
});

当然，其它库（如 bootstrap 也有类似的方法）

@一滴水_hi:
上面的代码格式化如下

layui.use(['layer', 'jquery'], function(){
    var layer = layui.layer //获得layer模块
    ,$ = layui.$ //获得jquery模块

    //使用模块
});

@之由: 你好，非常感谢你的详细解答，现在我在做类似麦客上面的生成表单的功能，遇到的问题是：用户在选择模块组件设计表单，等设计好了之后这个数据传给后端后，再生成MySQL数据表时，这个数据如何处理，或者说前端和后端这个数据处理新建表时，如何做更省事还效率高？