Trung tâm cá nhân
sách gpt4 ai đã đi

javascript - 为什么我的数据表没有在函数内部使用 $.each 出现？

In lại 作者：行者123 更新时间：2023-12-01 08:30:52 26 4
mua khóa gpt4 Nike

我有嵌套数组 json 对象(第 1 层、第 2 层和第 3 层)。我的问题是数据表没有出现。任何相关的 CDN 均已导入。该表仅显示部分。我引用了很多网站，但都没有解决我的问题。

之前我使用标准表来显示第 3 层 json 中的值，使用 , Và ，这样做结果成功了。但现在我删除了所有这些并尝试使用 dataTable，因为我需要它的功能。

我成功显示了第 1 层和第 2 层的值 id。但是对于下面的情况，在数据表中显示第 3 层信息(l3_id、l3_name 等)失败。

nhập mô tả hình ảnh ở đây

JSON

{
    "status": "Success",
    "data": [{
        "project_id": "1",
        "project_name": "project name",
        "l1_task": [{
            "l1_id": "1",
            "l1_name": "Layer 1",
            "l2_task": [{
                "l2_id": "1",
                "l2_name": "Layer 2",
                "l3_task": [{
                        "l3_id": "1",
                        "l3_name": "Layer 3.1"
                    },
                    {
                        "l3_id": "2",
                        "l3_name": "Layer 3.2"
                    }
                ]
            }]
        }]
    }]
}

JS

$(tài liệu).ready(hàm() {

    loadtable();

    $('#Layer3Table').DataTable({
        ajax: {
            url: "exampleData/activity.json"
        },
        columns: [{
                data: "l1_task.0.l2_task.0.l3_task.0.l3_id"
            },
            {
                data: "l1_task.0.l2_task.0.l3_task.0.l3_name"
            }
        ],
    });

    function loadtable() {
        var project = '';
        $.ajax({
            url: url_project_detail,
            crossDomain: true,
            type: 'POST',
            dataType: 'json',
            data: "data",
            success: function(response) {
                if (response.status == "Success") {
                    // Layer 1 array object
                    $.each(response.data[0].l1_task, function(key, value) {
                        project +=
                            "
" +
                            "
";
                        // Layer 2 array object
                        $.each(value.l2_task, function(key, value) {
                            project +=
                                "
" +
                                "
" +
                                // Layer 3 array object
                                "
" +
                                "" +
                                "" +
                                "" +
                                "" +
                                "" +
                                "" +
                                "" +
                                "
IDActivity Name
" +
                                "
";
                        }); // for Layer 2
                        project += "
" + "
";
                    }); // for Layer 1
                    $("#projectDetail2").append(project);
                } else {}
            },
            error: function(e) {}
        });
    }
});

1 Câu trả lời

我刚刚通过删除此数据表得到了解决方案。

$('#Layer3Table').DataTable({
    ajax: {
        url: "exampleData/activity.json"
    },
    columns: [{
            data: "l1_task.0.l2_task.0.l3_task.0.l3_id"
        },
        {
            data: "l1_task.0.l2_task.0.l3_task.0.l3_name"
        }
    ],
});

并在此部分启动数据表

}); // for Layer 1
    $("#projectDetail2").append(project);
    $('#Layer3Table').DataTable();
} else {}

关于javascript - 为什么我的数据表没有在函数内部使用 $.each 出现？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60784194/

26 4 0
Bài viết được đề xuất: jquery - 仅运行一次 window.addEventListener 函数
Bài viết được đề xuất: python - 在 Flask 中显示剩余 session 时间
Bài viết được đề xuất: php - Django URL 重定向所有 PHP 请求
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com