介绍
方法
今天就跟大家聊聊有关使用Django与AJAX怎么实现一个网页动态数据显示功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
- <李>
windows10
李> <李>pycharm2017.3.3专业版
李> <李>python3.6.4
李> <李>django2.0.2
李>方法
创建后台读取数据函数,用于后台从数据库读取数据,在视图。py文件内增加以下代码
得到django.http import JsonResponse def data_fresh(请求): context =,{才能“data1": Test.objects.order_by (“-time") [0] .temp1, ,,,,,,,“data2":, Test.objects.order_by (“-time") [0] .temp2} return 才能JsonResponse(上下文)
- <李>
data_fresh是函数名
李> <李>测试是Django项目下的模型
李> <李>order_by(“-”)[0]指按时间列倒序排列并取第一行数据
李> <李> temp1是第一行数据里的temp1数据
如果没有数据库数据的话,直接写成固定的数据用来测试也是可以的
加载函数,让HTML页面能够访问到函数。在url。py添加一下代码
urlpatterns =, ( 路径才能(& # 39;data_fresh/& # 39;,, views.data_fresh,, name=癲ata_fresh"), )
前端使用jQuery访问后台函数,要实现数据动态显示,还需要增加定时程序,在HTML页面插入以下代码
& lt; script> 美元才能(文档)时函数(){ ,,,function 刷新(){ ,,,,,.getJSON美元(“/data_fresh/,,, function (ret), { ,,,,,,,美元(& # 39;#结果# 39;). html (ret.data1); ,,,,,,,美元(& # 39;# result2& # 39;) . html (ret.data2); ,,,,,}) ,,,} ,,,setInterval(刷新,,3000) })才能 & lt;/script>
看完上述内容,你们对使用Django与AJAX怎么实现一个网页动态数据显示功能有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。