时间:2021-05-23
这部分已经折腾我两天了,还是没有头绪,可能还会折腾更久,最后在第三天上午解决问题,在一个不起眼的地方被坑了,jQuery加载的问题。会者不难,难者不会,希望后面人少走弯路吧
创建后台读取数据函数,用于后台从数据库读取数据。在views.py文件内增加以下代码
from django.http import JsonResponsedef data_fresh(request): context = {"data1": Test.objects.order_by("-time")[0].temp1, "data2": Test.objects.order_by("-time")[0].temp2} return JsonResponse(context)如果没有数据库数据的话,直接写成固定的数据用来测试也是可以的
加载函数,让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 动态数据显示内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AJAX。服务器数据解析与页面数据获取问题,创建动态网页,能有效减少后台与服务器间的数据交互量,从而实现网页异步更新。因此,AJAX是一种能有效减少信息请求量,
Ajax的出现让Web展现了更新的活力,基本所有的语言,都动态支持Ajax与起服务端进行通信,并在页面实现无刷新动态交互。下面是散仙使用Django+Jquer
AJAX=AsynchronousJavaScriptandXML.AJAX是一种创建快速动态网页的技术。AJAX通过在后台与服务器交换少量数据的方式,允许网页
我使用的是jQuery的ajax与django进行数据交互,遇到的问题是django的csrf传输数据的方法如下:$(function(){$.ajax({ur
AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的