layui解析多层级嵌套json数据
时间: 2023-09-06 17:13:05 浏览: 153
在 layui 中解析多层级嵌套 JSON 数据可以通过递归实现,以下是一个示例代码:
```javascript
function parseJson(json) {
var html = '';
layui.each(json, function(key, value) {
if(typeof(value) === 'object') {
html += '<div>' + key + '</div>';
html += '<div class="layui-row">'
html += parseJson(value);
html += '</div>';
} else {
html += '<div class="layui-col-xs6">' + key + '</div>';
html += '<div class="layui-col-xs6">' + value + '</div>';
}
});
return html;
}
// 示例数据
var data = {
"name": "John Doe",
"age": 30,
"address": {
"street": "123 Main St",
"city": "Anytown",
"state": "CA",
"zip": "12345"
}
};
// 解析数据并渲染到页面
var html = parseJson(data);
$('.layui-container').html(html);
```
在上面的示例代码中,我们定义了一个 `parseJson` 函数用于递归解析 JSON 数据。如果当前值是一个对象,则继续递归调用 `parseJson` 函数处理子对象,否则将当前键值对渲染到页面。最后我们将解析后的 HTML 字符串渲染到页面中的 `.layui-container` 元素中。
阅读全文