Django学习____渲染json到模板

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

这里讲述两种方法：

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

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

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

views.py

from  __future__  import  unicode_literals
from  django.shortcuts  import  render

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

home.html 中的一部分

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

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

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

views.py

# -*- 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 核心部分：

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