javascript中获取Dajango里Tastypie所传过来的数据

来源：互联网发布：asp.net 数据输入编辑：程序博客网时间：2024/05/16 23:34

（1）首先视图层view业务逻辑处理好数据转成Json传递给模板Echar.html

例如：

#encoding=utf-8from django.http import *import datetimefrom django.shortcuts import render, render_to_responsefrom django import templateimport urllib2import jsondef My_echart(request):       url="http://localhost:8000/app/v1/historys/?format=json"       datas=urllib2.urlopen( url ).read().decode( ' utf-8 ' )       js2=json.loads(datas)       return render_to_response('Echart.html', {'datas':js2})

(2)最简单的就是在html里直接获取数据

<body>    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->{% for data in datas.objects %}                {{data.tovcount}}                {% endfor %}<body>

像这样

（3）但是像一些绘图类的，表格什么的就需要你用javascript去获取数据然后传递给图表来显示。

这里我就走了好多弯路，比如javascript能不能用Django的标志量：“{{}},%”

首先我先尝试

<script>var objs={{datas.object}}alert(objs) </script>

但是很明显不行，看来官网以后才知道一定要是字符串，也就是说要加""

<script>var objs="{{datas.object}}"alert(objs) </script>

然后发现并不能把objs当一个对象来处理，所以就要eval()一下，然后我又去看eval()

结果发现并没什么用，因为python传递过来的数据有两个问题，一个一定带u,另外Json里的“符号被浏览器解析成了'字符

所以不是标准的Json字符串也就不能eval转对象了，然后我就去替换这个'把它改成"

 String.prototype.replaceAll  = function(s1,s2){                return this.replace(new RegExp(s1,"gm"),s2);                } var d= "{{datas.objects}}";var ds=d.replaceAll('&#39;','\"');

终于改好了，标准的Json被eval成了对象，所以我能好好虐它了，一开始这样

    <script>   for(var i=0;i<9;i++){           alert(json[i].id)         }</script>

OK,完全可以，id全部一一显示出来了，但是问题又来了，当我把id改成别的属性的时候。。数据都是空白的，可是你放在javascript外面又能

调到别的字段

      <script> for(var i=0;i<9;i++){           alert(json[i].tovcount)         }</script>

数据空白，但是在javascript外面

<body>    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->{% for data in datas.objects %}                {{data.tovcount}}                {% endfor %}<body>

天，要疯。。。。

磨蹭了半天，我想起来了”{{data}}“

于是我在javascript里面写了这样一段代码

<script>var obj="{% for data in datas.objects %}{{data.tovcount}}{% endfor %}"alert(obj)<pre name="code" class="python"></script>

一串数据出来了。。。我去。。。。。终于出来了

最后将数据赋值给表格就可以显示图表了。

0 0