您的位置：首页 > Web前端 > JavaScript

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

2015-10-18 14:33 579 查看
（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(''','\"');
终于改好了，标准的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>


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

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

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航