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/,   类型:“文章”,   数据:{},   dtype:“列表”,   成功:函数(da) {   alert("成功")   },   错误:功能(XMLHttpRequest, textStatus errorThrown) {   警报(“失败”+ XMLHttpRequest。+“”   XMLHttpRequest。readyState + " " + textStatus);}      

<强> 2,view.py示例

        @csrf_exempt   def goData(请求):   如果请求。方法==癙OST”:=范围(100)   list1=random.sample (7)   用于=random.sample (7)   list3=random.sample (7)   返回   HttpResponse (json.dumps ({“list1”: list1,“用于”:用于,“list3”: list3}))      

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

  

<强> 3,url.py

        urlpattern=[         url (r ' ^ goData/$’, views.goData, name=' goData '),   ]   之前      

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

  

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

  

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

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