Django结合ajax进行页面实时更新的例子


Posted in Python onAugust 12, 2019

Django结合ajax进行页面实时更新踩过的坑

简单记录一下在使用Django、echarts和ajax实现数据动态更新时遇到的一些坑:

1、url配置错误,路径没有找对(最后使用绝对路径)

2、后台(view.py)传的数据类型不对导致

3、没有配置js源,根本发不出ajax请求(第一次接触js,根本不知道这个大坑。。)

4、不知道哪里报错可以根据XMLHttpRequest.status、XMLHttpRequest.readyState和textStatus进行分析

5、(现在还没弄明白的)在view.py)中向前端传数据的函数需要加上@csrf_exempt,不然根本不可能成功(在这个坑找了好久,科学上网才查到)

1、ajax参数:

$.ajax({
      url:'http://127.0.0.1:8000/hiapp/goData/',
      type:"Post",
      data: {},
      dtype:'list',
     success: function (da) {
         alert("success")
          },
     error: function (XMLHttpRequest, textStatus,errorThrown) {
      alert("fail "+XMLHttpRequest.status+" "
          XMLHttpRequest.readyState+" "+textStatus);}

2、view.py示例

@csrf_exempt
def goData(request):
  if request.method=='POST' :
    a = range(100)
    list1=random.sample(a,7)
    list2=random.sample(a,7)
    list3=random.sample(a,7)
    return
      HttpResponse(json.dumps({"list1":list1,"list2":list2,"list3":list3}))

生成了三组随机数,没有报错的话会传给ajax的success

3、url.py

urlpatterns = [


  url(r'^goData/$',views.goData,name='goData'),
]

4、最后就是要 记得引入相应的文件(js和echarts)

Django结合ajax进行页面实时更新的例子

以上这篇Django结合ajax进行页面实时更新的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python天气预报采集器实现代码(网页爬虫)
Oct 07 Python
python基础教程之类class定义使用方法
Feb 20 Python
python单线程实现多个定时器示例
Mar 30 Python
python清除指定目录内所有文件中script的方法
Jun 30 Python
Python字符串转换成浮点数函数分享
Jul 24 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
Sep 26 Python
Tensorflow之Saver的用法详解
Apr 23 Python
python创建文件备份的脚本
Sep 11 Python
matplotlib实现热成像图colorbar和极坐标图的方法
Dec 13 Python
Python代码实现删除一个list里面重复元素的方法
Apr 02 Python
对Python的交互模式和直接运行.py文件的区别详解
Jun 29 Python
python如何支持并发方法详解
Jul 25 Python
django fernet fields字段加密实践详解
Aug 12 #Python
利用pyecharts实现地图可视化的例子
Aug 12 #Python
django echarts饼图数据动态加载的实例
Aug 12 #Python
python scrapy爬虫代码及填坑
Aug 12 #Python
Python 中的 global 标识对变量作用域的影响
Aug 12 #Python
Python中pymysql 模块的使用详解
Aug 12 #Python
python中类的输出或类的实例输出为这种形式的原因
Aug 12 #Python
You might like
全国FM电台频率大全 - 22 重庆市
2020/03/11 无线电
PHP加速 eAccelerator配置和使用指南
2009/06/05 PHP
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
php实现屏蔽掉黑帽SEO的搜索关键字
2015/04/15 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
php实现socket推送技术的示例
2017/12/20 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
JQuery实现简单的服务器轮询效果实例
2016/03/31 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
微信小程序 wx.request(object) API详解及实例代码
2016/09/30 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
2017/05/11 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
Javascript 对象(object)合并操作实例分析
2019/07/30 Javascript
python中的lambda表达式用法详解
2016/06/22 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
TensorFlow变量管理详解
2018/03/10 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
利用python list完成最简单的DB连接池方法
2019/08/09 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
Python unittest装饰器实现原理及代码
2020/09/08 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
css3 transform属性详解
2014/09/30 HTML / CSS
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
口腔医学技术应届生求职信
2013/11/09 职场文书
专科应届生求职信
2013/11/24 职场文书
高中政治教学反思
2014/01/18 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
差生评语大全
2014/05/04 职场文书
学校领导班子对照检查材料
2014/08/28 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
2015年党员个人工作总结
2015/05/13 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书