Django将数据发送到模板中的Javascript - javascript

我想为提取的文档之间的某些链接制作一个非常简单的网络图,并将其显示在现有的Django应用程序中。我看过很多Bokeh / Django集成以及类似的东西,但似乎没有什么合适的。因此,我决定继续尝试D3。我不懂任何Javascript。我复制了此处提供的模板:http://bl.ocks.org/mbostock/2706022,这对我来说很好。我需要做的就是提供自己的数据。我可以在视图中建立字典列表,并将它们作为上下文传递。我可以使用{{data}}在模板中访问该上下文。但是,我不知道该怎么做,然后将其提供给javascript。这是我需要更改的相关部分:

var links = [
  {source: "Microsoft", target: "Amazon", type: "licensing"},
  {source: "Microsoft", target: "HTC", type: "licensing"},
  {source: "Samsung", target: "Apple", type: "suit"},
  {source: "Motorola", target: "Apple", type: "suit"},
  {source: "Nokia", target: "Apple", type: "resolved"},
...
  {source: "Nokia", target: "Qualcomm", type: "suit"}
];

这看起来像字典列表。但是我不知道,那里有一些空话,所以我不确定Javascript如何看待这个东西以及如何将python上下文转换为这个东西。我想像的东西

var links = <cast>({{data}})

如何实现此功能,以便可以将此D3代码传递给我自己的数据?

参考方案

您可以构建字典列表,并将其传递到模板as JSON。
然后在javascript中parse your JSON string。

在python中,使用data = json.dumps(your_list_of_dict);在javascript中,使用var links = JSON.parse('{{data}}');。您可能需要为潜在的报价问题做更多的事情。

Mongo汇总 - javascript

我的收藏中有以下文件{ "_id": ObjectId("54490b8104f7142f22ecc97f"), "title": "Sample1", "slug": "samplenews", "cat": …

Javascript + Python:将数组发送到Python脚本,将结果返回给Javascript - javascript

我想建立一个网页,该网页通过Javascript API进行许多Facebook状态更新,并将它们分类到一个数组中。然后,我想将此数组发送到Python脚本,该脚本可以专门使用NLTK.进行语言分析。在Python中获得合适的结果后,我想将结果从该脚本返回到Javascript,以显示给用户等。听起来可能吗? javascript大神给出的解决方案 是的,完…

如何从客户端将数据插入数据库? - javascript

我是Web开发的初学者,可以访问cpanel上托管的网站,并且需要对其进行一些更改。这个网站的后端是由蛋糕PHP制作的,我想使用ajax从客户端将一些数据插入其数据库。问题是我不知道如何获取负责插入数据库的PHP文件的URL。参见下面的代码:var xhttp = newXMLHttpRequest(); xhttp.onreadystatechange= …

编码JSON数据以保留json格式 - javascript

由于JSON值是动态生成的,并且其中的值是基于用户输入的,因此,如果用户在字符串中输入了不可接受的字符(如"),则会使json无效。就像是:{ "tag" : "demo", "value": "user " input" } 有没有一种方法可以编码或转义JS…

执行onclick时获得意外令牌 - javascript

我正在使用onclick事件从PHP调用JS函数。这是我的代码:我在一个函数中,因此我需要通过PHP来完成它,因为然后我会返回:$html = '<input type="checkbox" checked value="1" id="setGetSku" name="se…