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类参数self使用示例
Feb 17 Python
Python中使用ConfigParser解析ini配置文件实例
Aug 30 Python
详解Python中break语句的用法
May 14 Python
python执行使用shell命令方法分享
Nov 08 Python
详解tensorflow训练自己的数据集实现CNN图像分类
Feb 07 Python
对numpy中的where方法嵌套使用详解
Oct 31 Python
PIL图像处理模块paste方法简单使用详解
Jul 17 Python
python 实现dict转json并保存文件
Dec 05 Python
python 普通克里金(Kriging)法的实现
Dec 19 Python
Python 文件数据读写的具体实现
Jan 24 Python
使用python实现飞机大战游戏
Mar 23 Python
python爬虫中采集中遇到的问题整理
Nov 27 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
神族 Protoss 历史背景
2020/03/14 星际争霸
php的正则处理函数总结分析
2008/06/20 PHP
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
新手入门常用代码集锦
2007/01/11 Javascript
HTML中的setCapture和releaseCapture使用介绍
2012/03/21 Javascript
详细分析JavaScript变量类型
2015/07/08 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
javascript之Array 数组对象详解
2016/06/07 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
2016/11/18 Javascript
JavaScript中localStorage对象存储方式实例分析
2017/01/12 Javascript
jquery replace方法去空格
2017/05/08 jQuery
在Vue中使用Compass的方法
2018/03/02 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
基于Vue实现可以拖拽的树形表格实例详解
2018/10/18 Javascript
使用jquery Ajax实现上传附件功能
2018/10/23 jQuery
JS/HTML5游戏常用算法之追踪算法实例详解
2018/12/12 Javascript
vue实现放大镜效果
2020/09/17 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
通过Python实现自动填写调查问卷
2017/09/06 Python
Python实现一个简单的验证码程序
2017/11/03 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
python求numpy中array按列非零元素的平均值案例
2020/06/08 Python
python实例化对象的具体方法
2020/06/17 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
政府信息公开实施方案
2014/05/09 职场文书
2014组织生活会方案
2014/05/19 职场文书
优秀班集体先进事迹材料
2014/05/28 职场文书
交通事故和解协议书
2015/01/27 职场文书
元宵节晚会主持词
2015/07/01 职场文书
小学生暑假安全公约
2015/07/14 职场文书
2016大学先进团支部事迹材料
2016/03/01 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python