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

本文链接：https://blog.csdn.net/AC_great/article/details/49227547

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

例如：

#encoding=utf-8
from django.http import *
import datetime
from django.shortcuts import render, render_to_response
from django import template
import urllib2
import json


def 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>

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

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