在JavaScript模板中打开JSON（flask）_Javascript_Python_Json_Highcharts_Flask

在JavaScript模板中打开JSON（flask）

javascript python json highcharts flask

在JavaScript模板中打开JSON（flask）,javascript,python,json,highcharts,flask,Javascript,Python,Json,Highcharts,Flask,我需要用JavaScript（我使用）绘制一个图，并用flask显示它。在这个模板中，我需要打开一个JSON文件，但我不能。烧瓶日志不包含任何错误。烧瓶主路径是否可能不同，并且找不到文件 <head> <meta charset="utf-8"> <title>Highcharts Example</title> <script type="text/javascript" src="http://ajax.goog

我需要用JavaScript（我使用）绘制一个图，并用flask显示它。在这个模板中，我需要打开一个JSON文件，但我不能。烧瓶日志不包含任何错误。烧瓶主路径是否可能不同，并且找不到文件

<head>
    <meta charset="utf-8">
    <title>Highcharts Example</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://code.highcharts.com/stock/highstock.js"></script>
    <script src="http://code.highcharts.com/stock/modules/exporting.js"></script>

    <script>
$(function() {

$.getJSON({{ url_for('static',filename="datos.json")}}, function(data) {
    // Create the chart
    $('#container').highcharts('StockChart', {
        rangeSelector : {
            selected : 1
        },
        title : {
            text : 'AAPL Stock Price'
        },
        series : [{
            name : 'AAPL',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
});

});
    </script>
</head>
<body>
<div id="container" style="height: 500px; min-width: 500px"></div>
</body>

编辑2：我用的是Highchar的这个。示例与此代码之间的区别在于，我从何处加载JSON文件（在示例中，它来自Highchar，在这段代码中，它来自我的PC）。查看

networkchromedevtools

jquery-2.0.3.min.map在示例中有initiator，但在我的代码中没有，示例中的JSON是text/javascript，在代码应用程序中是/JSON。有人能解释一下原因吗？

和

datos.json

直接放在

static

子文件夹中？加载

http://localhost:8080/static/datos.json

？仅对Martijn的评论进行扩展

url\u for

获取URI abs路径，而不是fs路径。对于初学者，您可以在任何提供

网络视图的工具（例如chrome dev工具）中调试它，以查看文件是否实际加载，以及在哪里搜索。如果您运行console.log（data），则在$.getJSON（）内，它是空的，或者您收到任何值？您的链接似乎不正确。。。
app/
    init.py
    templates/
    static/
          datos.json