JSON展示

1. 组件概述

JSON展示是一个内容展示组件，用于以树形结构展示 JSON 格式的数据。它可以将复杂的嵌套数据以层级分明、可折叠展开的方式呈现，让用户能够清晰地查看数据的结构和内容。适用于需要展示 API 返回结果、配置数据、调试信息等结构化数据的场景。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：展示 AI 工作流返回的结构化数据。当工作流返回的结果是 JSON 格式（如知识库检索结果、API 调用响应等）时，可以使用 JSON 展示组件将数据绑定到对应变量，以树形结构清晰地呈现给用户，方便查看和理解数据内容。
• 场景二：调试和检查数据状态。在开发 AI Agent 应用时，可以临时添加 JSON 展示组件来查看当前页面变量的值，帮助排查数据传递或工作流处理中的问题。设置合适的默认展开级别，可以快速定位到关键数据。

加载中...

查看 JSON

复制 JSON

3. 功能配置

配置

渲染折叠组

配置项	说明
JSON 数据	要展示的 JSON 数据内容。可以直接输入 JSON 格式的静态数据，也可以绑定变量来动态展示数据。当绑定变量时，变量值变化后展示内容会自动更新。
默认展开级别	控制 JSON 树形结构默认展开到第几层。数字越大，默认展开的层级越深。设置为 1 表示只展开第一层，设置为 2 表示展开到第二层，以此类推。对于层级较深的数据，建议设置较小的值（如 1 或 2），避免页面显示过于复杂；用户可以手动点击展开查看更深层级的内容。

状态折叠组

配置项	说明
可见	控制组件是否显示。默认可见。
隐藏	控制组件是否隐藏。与「可见」相反。

设计

CSS类名折叠组

配置项	说明
外层	为组件最外层容器添加自定义 CSS 类名，用于自定义样式。