重新加载cytoscape.js中的json文件时出现的问题

Question

这里是链接“ https://github.com/duo-labs/cloudmapper/tree/master/web”。这将在node.js express下运行。最初，将加载cloudmap.js，您可以在js下找到该文件。在cloudmap.js中，data.json文件将被上传。我给了一个新按钮，它将重新加载新的JSON文件，但是当我重新加载JSON文件时，出现错误

这是我添加的代码

   document.getElementById("filter").addEventListener("click", function () {

        cy.elements().remove();

        NProgress.set(0.1);
        akkordion(".akkordion", {});

        $.when(
            $.getJSON("http://localhost/cm/new.json"),
            $.getJSON("http://localhost/cm/style.json")
        ).done(function (datafile, stylefile) {
            loadCytoscape({
                wheelSensitivity: 0.1,
                container: document.getElementById('cy'),
                elements: datafile[0],
                layout: {
                    name: 'cose-bilkent',
                    nodeDimensionsIncludeLabels: true,
                    tilingPaddingVertical: 10,
                    tilingPaddingHorizontal: 100
                },
                style: stylefile[0]
            });
            var modal = document.getElementById("myModal");
            modal.style.display = "none";
        })
            .fail(function (e) {
                if (e.status == 404) {
                    alert("Failed to fetch data!\nPlease run cloudmapper.py prepare before using webserver");
                }
                var modal = document.getElementById("myModal");
                modal.style.display = "none";
            });

    });

我无法找到如何重新加载JSON文件。请帮助我解决这个问题

Answer 1

您可以尝试类似here的操作。此示例还从json文件读取。