如何从django中的static将CSV文件加载到javascript函数中

时间:2019-03-16 16:26:11

标签: javascript django d3.js

我在static / js中有一个javascript函数,我想从static / csv中可用的csv文件中获取数据。

我的JavaScript代码:

   function graph1(){
   d3.csv('{%  static 'csv/data2.csv' %}', function(error, data) {


  }
  }

1 个答案:

答案 0 :(得分:0)

您可以尝试这样

在Django模板filea中定义数据变量,并且可以在js文件中访问

在Java文件中可以访问index.html中的数据变量

  

index.html

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<h1>hello d3</h1>
<div>
</div>
<script>
    var data = '{% static "data.csv" %}'
</script>
<script type="text/javascript" src="{% static 'js/d3.js' %}">
</script>
</body>
</html>
  

/static/js/d3.js

数据变量从index.html传递

d3.csv(data, function (err, csv) {
    console.log(csv)
});