Django学习____渲染json到模板

有时候我们想把一个 list 或者 dict 传递给 javascript，处理后显示到网页上。

这里讲述两种方法：

一，页面加载完成后，在页面上操作，在页面上通过 ajax 方法得到新的数据并显示在网页上，这种情况适用于动态加载一些内容，但是我们不知道用户需要哪个，比如用户输入一个值或者点击某个地方，动态地把内容显示在网页上，详见：Django Ajax

二，直接在视图函数（views.py中的函数）中渲染一个 list 或 dict 和其它的网页部分一起显示到网页上

需要注意的是，我们如果直接这么做，传递到 js 的时候，网页的内容会被转义，得到的格式会报错。

views.py

1 2 3 4 5 6

from  __future__  import  unicode_literals from  django.shortcuts  import  render   def  home(request):      List  =  [ '自强学堂' ,  '渲染Json到模板' ]      return  render(request,  'home.html' , { 'List' :  List })

home.html 中的一部分

1 2 3 4

< script  type = "text/javascript" >      var List = {{ List }};      alert(List); </ script >

访问时会得到 Uncaught SyntaxError: Unexpected token ILLEGAL

需要注意两点：1. views.py中返回的函数中的值要用 json.dumps()处理，2. 在网页上要加一个 safe 过滤器。

views.py

1 2 3 4 5 6 7 8 9 10 11 12 13 14

# -*- coding: utf-8 -*-   from  __future__  import  unicode_literals   import  json from  django.shortcuts  import  render   def  home(request):      List  =  [ '自强学堂' ,  '渲染Json到模板' ]      Dict  =  { 'site' :  '自强学堂' ,  'author' :  '涂伟忠' }      return  render(request,  'home.html' , {              'List' : json.dumps( List ),              'Dict' : json.dumps( Dict )          })

home.html 只给出了 js 核心部分：

1 2 3 4

//列表 var List = {{ List|safe }}; //字典 var Dict = {{ Dict|safe }};