Django与AJAX实现网页动态数据显示的示例代码
时间：2021-07-06 10:08:15|栏目：Python代码|点击： 次
前言
这部分已经折腾我两天了，还是没有头绪，可能还会折腾更久，最后在第三天上午解决问题，在一个不起眼的地方被坑了，jQuery加载的问题。会者不难，难者不会，希望后面人少走弯路吧
环境
- windows10
- pycharm2017.3.3 professional edition
- python3.6.4
- django2.0.2
方法
创建后台读取数据函数，用于后台从数据库读取数据。在views.py文件内增加以下代码
from django.http import JsonResponse
def data_fresh(request):
context = {"data1": Test.objects.order_by("-time")[0].temp1,
"data2": Test.objects.order_by("-time")[0].temp2}
return JsonResponse(context)
- data_fresh是函数名
- Test是Django项目下的模型
- order_by(“-time”)[0]指按时间列倒序排列并取第一行数据
- temp1是第一行数据里的temp1数据
如果没有数据库数据的话，直接写成固定的数据用来测试也是可以的
加载函数，让HTML页面能够访问到函数。在urls.py添加一下代码
urlpatterns = [
path('data_fresh/', views.data_fresh, name="data_fresh"),
]
前端使用jQuery访问后台函数，要实现数据动态显示，还需要增加定时程序，在HTML页面插入以下代码
<script>
$(document).ready(function(){
function refresh(){
$.getJSON("/data_fresh/", function (ret) {
$('#result').html(ret.data1);
$('#result2').html(ret.data2);
})
}
setInterval(refresh, 3000)
})
</script>
上面的程序将第1步里的temp1和temp2写入id为result1和result2的标签里
栏 目：Python代码
下一篇：Python使用Mechanize模块编写爬虫的要点解析
本文标题：Django与AJAX实现网页动态数据显示的示例代码
本文地址：http://www.codeinn.net/misctech/153273.html
