前端导出json数据格式的文件

提交

<script>
    // 根据后端返回的json数据 导出json文件
    var btn = document.getElementById("btn");
    btn.onclick = function() {
        let data = [{
            id: "1",
            name: "测试1",
            pId: "0",
            type: "group",
            children: [{
                id: "11",
                name: "测试11",
                pId: "1",
                type: "group",
                children: [{
                    id: "111",
                    name: "测试111",
                    pId: "11",
                    type: "group",
                    children: [{
                        id: "1111",
                        name: "测试1111",
                        pId: "111",
                    }, {
                        id: "1112",
                        name: "测试1112",
                        pId: "111",
                    }, ],
                }, {
                    id: "112",
                    name: "测试112",
                    pId: "11",
                    children: [{
                        id: "1121",
                        name: "测试1121",
                        pId: "112",
                    }, ],
                }, {
                    id: "113",
                    name: "测试113",
                    pId: "11",
                }, ],
            }, {
                id: "12",
                name: "测试12",
                pId: "1",
                type: "group",
                children: [{
                    id: "121",
                    name: "测试121",
                    pId: "12",
                }, ],
            }, {
                id: "13",
                name: "测试13",
                pId: "1",
            }, {
                id: "14",
                name: "测试14",
                pId: "1",
            }, ],
        }, {
            id: "2",
            name: "测试2",
            pId: "0",
            children: [{
                id: "21",
                name: "测试21",
                pId: "2",
                children: [{
                    id: "211",
                    name: "测试211",
                    pId: "21",
                }, {
                    id: "212",
                    name: "测试212",
                    pId: "21",
                }, ],
            }, {
                id: "22",
                name: "测试22",
                pId: "2",
            }, ],
        }];
        // 创建a标签
        var a = document.createElement('a');
        // 设置导出文件名称
        a.download = "导出部门.json";
        a.style.display = "none";
        // 转成字符串形式
        var dat = JSON.stringify(data, null, 4);
        // 转成blob流
        var blob = new Blob([dat], {
            type: "application/json"
        });
        // 将blob流转成url
        a.href = URL.createObjectURL(blob);
        document.body.appendChild(a);
        // 触发a标签 进行下载
        a.click();
        // 移出标签
        document.body.removeChild(a);
    }
</script>