Django 从后台往前台传递数据时有多种方法可以实现。
基础形式:
from django.shortcuts import renderdef main_page(request): return render(request, 'index.html')1234
views传递给 HTML 使用数据
views传递给 HTML 使用数据data.
views中代码:
from django.shortcuts import renderdef main_page(request):
data = [1,2,3,4] return render(request, 'index.html', {'data': data})12345html中的调用
1.html使用 {{ }} 来获取数据
<div>{{ data }}</div>12.可以对可迭代的数据进行迭代:
{% for item in data%}<p>{{ item }}</p>{% endfor %}123该方法可以传递各种数据类型,包括list,dict等等。
而且除了 {% for %} 以外还可以进行if判断,大小比较等等。具体的用法读者可以自行搜索。
JavaScript调用参数
以一个简单list为例
# -*- coding: utf-8 -*-import jsonfrom django.shortcuts import renderdef main_page(request):
list = ['view', 'Json', 'JS'] return render(request, 'index.html', { 'List': json.dumps(list),
})12345678910JavaScript部分:
var List = {{ List|safe }};1同样可以使用js的for等进行操作
for(var i=0;i
JavaScript Ajax 动态刷新页面
网页前台使用Ajax发送请求,后台处理数据后返回数据给前台,前台不刷新网页动态加载数据
Django 代码:
def scene_update_view(request):
if request.method == "POST":
name = request.POST.get('name')
status = 0
result = "Error!"
return HttpResponse(json.dumps({ "status": status, "result": result
}))123456789JS 代码:
function getSceneId(scece_name, td) {
var post_data = { "name": scece_name,
};
$.ajax({
url: {% url 'scene_update_url' %},
type: "POST",
data: post_data,
success: function (data) {
data = JSON.parse(data); if (data["status"] == 1) {
setSceneTd(data["result"], scece_name, td);
} else {
alert(data["result"]);
}
}
});
} 12345678910111213141516171819JS 发送ajax请求,后台处理请求并返回status, result 在 success: 后面定义回调函数处理返回的数据,需要使用 JSON.parse(data)
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦