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

yipeiwu_com5年前Python基础

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进行页面实时更新的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持【听图阁-专注于Python设计】。

相关文章

Python面向对象进阶学习

Python面向对象进阶学习

在前面的章节我们已经了解了面向对象的入门知识,知道了如何定义类,如何创建对象以及如何给对象发消息。为了能够更好的使用面向对象编程思想进行程序开发,我们还需要对Python中的面向对象编程...

python装饰器原理与用法深入详解

本文实例讲述了python装饰器原理与用法。分享给大家供大家参考,具体如下: 你会Python嘛? 我会! 那你给我讲下Python装饰器吧! Python装饰器啊?我没用过哎 以上...

Python+OpenCv制作证件图片生成器的操作方法

本项目使用Python和OpenCv实现身份证图片生成工具,填入信息,选择一张头像图片(即可生成黑白和彩色身份证图片)。可以选择是否自动抠图,自动抠图目前仅支持蓝色背景,对自动抠图效果不...

Python对CSV、Excel、txt、dat文件的处理

python读取txt文件:(思路:先打开文件,读取文件,最后用for循环输出内容) 1、读取 1.1基于python csv库 #3.读取csv至字典x,y import csv...

Python选择排序、冒泡排序、合并排序代码实例

前两天刚装了python 3.1.1, 禁不住技痒写点code。 1.选择排序 复制代码 代码如下: >>> def SelSort(L):   &...