前言
这部分已经折腾我两天了,还是没有头绪,可能还会折腾更久,最后在第三天上午解决问题,在一个不起眼的地方被坑了,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的标签里
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
白云城资源网 Copyright www.dyhadc.com
暂无“Django与AJAX实现网页动态数据显示的示例代码”评论...
更新日志
2024年07月03日
2024年07月03日
- 魔兽世界奥格瑞玛怎么去幽暗城 奥格瑞玛去幽暗城方法介绍
- 《间谍过家家日记大作战》成就攻略一览
- 完美的音乐品质-群星《红酒杯发烧酒廊情歌》2CD[WAV]
- 群星.2011《高雄国际Hi-End音响大展纪念发烧金碟》[WAV分轨]
- 康康1999-催泪[阿尔法][WAV+CUE]
- 和守望先锋太像?《星鸣特攻》开发商:我们与众不同
- 速通玩家有福了!夏季游戏速通大会正在火热进行中
- 《使命召唤》新处决动作曝光 或联动《死侍3》?
- 《陈百强出道35周年 文质翩翩》4CD[WAV+CUE][1.8GB]
- 邓丽君《思君集》3CD[WAV+CUE][1.2GB]
- 华语流行S.H.E《12CD》2001~2010[APE+CUE][3.7GB]
- 北风之望饮品怎么调配?饮品调酒配方分享
- 原画壁纸及美图第254期,无水印可自取
- 原画壁纸及美图第255期,无水印可自取
- 群星.1991-宝丽金冬日浓情【宝丽金】【WAV+CUE】