JSON 资源

Creator 支持使用 Json 文件，通过 资源导入 的方式将其导入到编辑器，所有的 JSON 文件都会导入为 cc.JsonAsset 格式的资源。

使用方式

开发者可通过 编辑器挂载 和 代码中动态加载 两种方式获取 Json 数据。

通过编辑器

首先在 资源管理器 中新建一个 TypeScript，脚本内容示例如下：

import { _decorator, Component, JsonAsset } from 'cc';
const { ccclass, property } = _decorator;
@ccclass('ItemTemplate')
export class ItemTemplate extends Component {
    // 声明属性 ‘itemGiftJson‘ 的类型为 JsonAsset
    @property(JsonAsset)
    itemGiftJson: JsonAsset = null!;
    start () {
        // 获取到 Json 数据
        const jsonData: object = this.itemGiftJson.json!;
    }
}

保存脚本内容后回到编辑器，将脚本挂载到相应的节点上，然后将 资源管理器 中的 Json 资源拖拽到脚本组件相应的属性框中。例如下图：

通过代码动态加载

开发者也可以直接通过代码 动态加载 来获取 Json 数据，代码示例如下：

import { _decorator, Component, JsonAsset, resources, error } from 'cc';
const { ccclass, property } = _decorator;
@ccclass('ItemTemplate')
export class ItemTemplate extends Component {
    start () {
        resources.load('gameGiftJson', (err: any, res: JsonAsset) => {
            if (err) {
                error(err.message || err);
                return;
            }
            // 获取到 Json 数据
            const jsonData: object = res.json!;
        })
    }
}