网络编程
位置：首页>> 网络编程>> Python编程>> Django结合ajax进行页面实时更新的例子

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

作者：LeoYY3　　发布时间：2023-02-14 21:15:45　

标签：Django,ajax,实时,更新

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进行页面实时更新的例子

来源：https://blog.csdn.net/LeoYY3/article/details/80371169

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com