django-8渲染json到模板

把list或者dict传递给js，处理后展示到页面

• 两种方式

  1.页面加载完成后，在页面上操作，在页面上通过 ajax ⽅法得到新的数据并显示在网页上，这种情况适用于动态加载⼀些内容
  2.直接在视图函数（views.py中的函数)渲染一个list或者dict和其他网页部分一起显示

  注意：当直接将list 或者dict传递给js时，网页内容会被转义，得到的格式会报错

#########示例如下：
#views.py
def test(request):
# return render(request,'learn/test.html',{'List':List})
List = ['caideyang','chengcheng','deyang']
return render(request,'learn/test.html',{'List':List})

Paste_Image.png

如上图：List列表被转义为['caideyang', 'chengcheng', 'deyang']，控制台有报错

• views.py中返回的函数中的值要⽤json.dumps()处理
• 在⽹⻚上要加⼀个safe 过滤器

示例如下：

#views.py
def test(request):
    # return render(request,'learn/test.html',{'List':List})
    List = ['caideyang','chengcheng','deyang']
    Dict = {'name':'caideyang','age':28,'job':'worker'}
    return render(request,'learn/test.html',{'List':json.dumps(List),'Dict':json.dumps(Dict)})

Paste_Image.png

js处理List和Dict

#test.html







 学习 

Paste_Image.png