• 售前

  • 售后

热门帖子
入门百科

Django与AJAX实现网页动态数据表现的示例代码

[复制链接]
爰无悔2017 显示全部楼层 发表于 2021-10-25 19:55:14 |阅读模式 打印 上一主题 下一主题
媒介


这部门已经折腾我两天了,还是没有头绪,可能还会折腾更久,末了在第三天上午办理问题,在一个不起眼的地方被坑了,jQuery加载的问题。会者不难,难者不会,渴望后面人少走弯路吧
环境

      
  • windows10  
  • pycharm2017.3.3 professional edition  
  • python3.6.4  
  • django2.0.2
方法


创建背景读取数据函数,用于背景从数据库读取数据。在views.py文件内增加以下代码
  1. from django.http import JsonResponse
  2. def data_fresh(request):
  3.   context = {"data1": Test.objects.order_by("-time")[0].temp1,
  4.         "data2": Test.objects.order_by("-time")[0].temp2}
  5.   return JsonResponse(context)
复制代码
      
  • data_fresh是函数名  
  • Test是Django项目下的模子  
  • order_by(“-time”)[0]指按时间列倒序排列并取第一行数据  
  • temp1是第一行数据里的temp1数据
如果没有数据库数据的话,直接写成固定的数据用来测试也是可以的
加载函数,让HTML页面可以或许访问到函数。在urls.py添加一下代码
  1. urlpatterns = [
  2.   path('data_fresh/', views.data_fresh, name="data_fresh"),
  3. ]
复制代码
前端使用jQuery访问背景函数,要实现数据动态表现,还须要增加定时步伐,在HTML页面插入以下代码
  1. <script>
  2.   $(document).ready(function(){
  3.     function refresh(){
  4.       $.getJSON("/data_fresh/", function (ret) {
  5.         $('#result').html(ret.data1);
  6.         $('#result2').html(ret.data2);
  7.       })
  8.     }
  9.     setInterval(refresh, 3000)
  10.   })
  11. </script>
复制代码
上面的步伐将第1步里的temp1和temp2写入id为result1和result2的标签里
到此这篇关于Django与AJAX实现网页动态数据表现的示例代码的文章就先容到这了,更多相干Django AJAX 动态数据表现内容请搜索草根技术分享从前的文章或继续欣赏下面的相干文章渴望各人以后多多支持草根技术分享!

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作