如何将AJAX中的JSON文件与Django链接？

Question

我有一个Django应用程序，并且其中使用的是HTML模板模板页面，该页面利用了一个名为Cytoscape的Javascript库（允许您创建带有节点和边的图形）。

我已经针对模板和静态文件进行了所有设置（CSS和基本JS函数正在运行），但是我遇到的一件事是主javascript文件中的Ajax函数。 这些Ajax函数负责显示JSON文件中的图形（请参见下面的代码），并且在没有Django的情况下可以在本地正常工作。 但是，一旦我尝试合并服务器端实现，这些函数将无法再读取这些文件，并且我不知道如何解决此问题。

我试图将JSON文件复制到各个目录中（但是我仍然遇到404未找到错误：“未找到filldata / undefined.json”，（其中filldata是我的应用程序），大概是因为该URL没有已在服务器端设置。

function onUpload() {

    var filename = $('input[type=file]').val().split('\\').pop();

    var layoutPadding = 50;
    var aniDur = 500;
    var easing = 'linear';

    var cy;


    if (upload_true) {
        var graphP = $.ajax({
            url: filename,
            type: 'GET',
            dataType: 'json'
        });

        var styleP = $.ajax({
            url: './style.cycss', // wine-and-cheese-style.cycss
            type: 'GET',
            dataType: 'text'
        });
    } else {
        var graphP = $.ajax({
            url: './undefined.json',
            type: 'GET',
            dataType: 'json'
        });

        // also get style via ajax
        var styleP = $.ajax({
            url: './style.cycss',
            type: 'GET',
            dataType: 'text'
        });
    }

这里的目标是能够在我的网页上上传JSON文件，并链接Django中的.cycss（特定于Cytoscape的css文件）以在服务器端运行我的页面。 任何帮助，将不胜感激。

Answer 1

嘿Django是一个Web服务器。 您无法访问./style.cycss等文件。您需要设置静态URL，在其中托管文件，然后在代码中使用该URL。 您可以在此处查看有关托管静态文件的信息。 您需要以类似的方式存储JSON并将其与URL结合使用。