脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 脚本专栏 → python → Django AJAX 动态数据显示

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

 更新时间：2021年02月24日 09:46:29   作者：Uncle_Gen  
这篇文章主要介绍了Django与AJAX实现网页动态数据显示的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

前言

这部分已经折腾我两天了，还是没有头绪，可能还会折腾更久，最后在第三天上午解决问题，在一个不起眼的地方被坑了，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的标签里

到此这篇关于Django与AJAX实现网页动态数据显示的示例代码的文章就介绍到这了,更多相关Django AJAX 动态数据显示内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • python基础教程之udp端口扫描

    python基础教程之udp端口扫描

    开发一个程序，用于获取局域网中开启snmp服务的主机ip地址列表，并写入相应文件以便其它程序使用。下面是实现方法
    2014-02-02
  • Python实现图的广度和深度优先路径搜索算法

    Python实现图的广度和深度优先路径搜索算法

    图是一种抽象数据结构，本质和树结构是一样的。图与树相比较，图具有封闭性，可以把树结构看成是图结构的前生。本文将利用Python实现图的广度和深度优先路径搜索算法，感兴趣的可以学习一下
    2022-04-04
  • Python数据类型转换汇总

    Python数据类型转换汇总

    这篇文章主要给大家分享的是Python数据类型转换汇总，int,float相互转换、int,string相互转换、float,string相互转换、string,list相互转换等常见内容，需要的小伙伴可以参考一下
    2022-03-03
  • Python绘制浪漫星空的示例代码

    Python绘制浪漫星空的示例代码

    Python的turtle是一个基于tkinter的Python图形库,可以帮助初学者轻松地理解和绘制图形,本文就来通过turtle绘制一个浪漫的星空动画吧
    2023-09-09
  • PyTorch实现图像识别实战指南

    PyTorch实现图像识别实战指南

    图像识别是从给定图像中提取有意义的信息(例如图像内容)的过程,下面这篇文章主要给大家介绍了关于PyTorch实现图像识别的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-02-02
  • 浅谈Python3中strip()、lstrip()、rstrip()用法详解

    浅谈Python3中strip()、lstrip()、rstrip()用法详解

    这篇文章主要介绍了浅谈Python3中strip()、lstrip()、rstrip()用法详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • 手把手教你python实现SVM算法

    手把手教你python实现SVM算法

    这篇文章主要为大家详细介绍了手把手教你python实现SVM算法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-12-12
  • python爬虫基础知识点整理

    python爬虫基础知识点整理

    在本篇文章里小编给大家整理的是一篇关于python爬虫基础知识点整理内容，有兴趣的朋友们可以学习下。
    2020-06-06
  • Python实现随机漫步的详细过程

    Python实现随机漫步的详细过程

    随机漫步顾名思义每一步都是随机的,假设有一个点,下一步往哪里走,走多远,这些都没有明确的表示,完全是随机的,最后走到哪里,是由一系列随机决策决定的，这篇文章主要给大家介绍了关于Python实现随机漫步的相关资料,需要的朋友可以参考下
    2023-03-03
  • python基于OpenCV模板匹配识别图片中的数字

    python基于OpenCV模板匹配识别图片中的数字

    这篇文章主要介绍了python基于OpenCV模板匹配识别图片中的数字，帮助大家更好的理解和学习使用python，感兴趣的朋友可以了解下
    2021-03-03

最新评论