Django与JS交互的示例代码

Django 前后台的数据传递

 

https://www.cnblogs.com/xibuhaohao/p/10192052.html

 

应用一：有时候我们想把一个 list 或者 dict 传递给 Javascript，处理后显示到网页上，比如要用 js 进行可视化的数据。
请注意：如果是不处理，直接显示在网页上，用Django模板就可以了。

这里讲述两种方法：

一，页面加载完成后，在页面上操作，在页面上通过 ajax 方法得到新的数据（再向服务器发送一次请求）并显示在网页上，这种情况适用于页面不刷新的情况下，动态加载一些内容。比如用户输入一个值或者点击某个地方，动态地把相应内容显示在网页上。

二，直接在视图函数（views.py中的函数）中渲染一个 list 或 dict 的内容，和网页其它部分一起显示到网页上（一次性地渲染，还是同一次请求）。

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

 

view.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

 

"list"> 学习

'dict'>

 

 

 

应用二：不刷新网页的情况下，加载一些内容

 

应用三：传递数字或者字典到网页，由JS处理，再显示出来

 

更多内容参考： https://www.jb51.net/article/121885.htm

岁月里，寒暑交替。人世间，北来南往。铭心的，云烟的。都付往事，不念，不问。