Django結(jié)合ajax進(jìn)行頁面實(shí)時更新的例子

更新時間：2019年08月12日 09:40:28 作者：LeoYY3

今天小編就為大家分享一篇Django結(jié)合ajax進(jìn)行頁面實(shí)時更新的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

Django結(jié)合ajax進(jìn)行頁面實(shí)時更新踩過的坑

簡單記錄一下在使用Django、echarts和ajax實(shí)現(xiàn)數(shù)據(jù)動態(tài)更新時遇到的一些坑：

1、url配置錯誤，路徑?jīng)]有找對（最后使用絕對路徑）

2、后臺（view.py）傳的數(shù)據(jù)類型不對導(dǎo)致

3、沒有配置js源，根本發(fā)不出ajax請求（第一次接觸js，根本不知道這個大坑。。）

4、不知道哪里報(bào)錯可以根據(jù)XMLHttpRequest.status、XMLHttpRequest.readyState和textStatus進(jìn)行分析

5、（現(xiàn)在還沒弄明白的）在view.py）中向前端傳數(shù)據(jù)的函數(shù)需要加上@csrf_exempt，不然根本不可能成功（在這個坑找了好久，科學(xué)上網(wǎng)才查到）

1、ajax參數(shù)：

 $.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}))

生成了三組隨機(jī)數(shù)，沒有報(bào)錯的話會傳給ajax的success

3、url.py

urlpatterns = [


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

4、最后就是要記得引入相應(yīng)的文件（js和echarts）

以上這篇Django結(jié)合ajax進(jìn)行頁面實(shí)時更新的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

樹莓派4B+opencv4+python 打開攝像頭的實(shí)現(xiàn)方法
這篇文章主要介紹了樹莓派4B+opencv4+python 打開攝像頭的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10
徹底搞懂Python字符編碼
本篇文章帶領(lǐng)大家徹底搞懂Python字符編碼的一些知識，及python字符編碼的一些基礎(chǔ)概念，需要的朋友可以參考下
2018-01-01
Python提取PDF發(fā)票信息保存Excel文件并制作EXE程序的全過程
之前零散的用過一點(diǎn)python做數(shù)據(jù)處理,這次又遇到一個數(shù)據(jù)處理的小功能,下面這篇文章主要給大家介紹了關(guān)于Python提取PDF發(fā)票信息保存Excel文件并制作EXE程序的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-11-11
詳解Python中的文件操作
在日常生活中，文件操作主要包括打開、關(guān)閉、讀、寫等操作，這篇文章主要為大家詳細(xì)介紹了Python中這些文件操作的實(shí)現(xiàn)，需要的可以了解下
2023-07-07
pytorch載入預(yù)訓(xùn)練模型后,實(shí)現(xiàn)訓(xùn)練指定層
今天小編就為大家分享一篇pytorch載入預(yù)訓(xùn)練模型后,實(shí)現(xiàn)訓(xùn)練指定層，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-01-01
基于Python打造一個可視化FTP服務(wù)器
在日常辦公和團(tuán)隊(duì)協(xié)作中,文件共享是一個不可或缺的需求,所以本文將使用Python + Tkinter + pyftpdlib 開發(fā)一款可視化FTP服務(wù)器,有需要的小伙伴可以參考下
2025-04-04
Pycharm如何打斷點(diǎn)的方法步驟
這篇文章主要介紹了Pycharm如何打斷點(diǎn)的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06
python實(shí)現(xiàn)126郵箱發(fā)送郵件
這篇文章主要為大家詳細(xì)介紹了python實(shí)現(xiàn)126郵箱發(fā)送郵件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-05-05
Matplotlib可視化之添加讓統(tǒng)計(jì)圖變得簡單易懂的注釋
今天給大家?guī)淼奈恼率顷P(guān)于Python的,文章圍繞著Python Matplotlib可視化展開,文中非常詳細(xì)的介紹了如何給統(tǒng)計(jì)圖添加注釋,需要的朋友可以參考下
2021-06-06
python命令行傳遞參數(shù)的兩種方式
python在命令行運(yùn)行.py文件時,如何在命令行傳遞參數(shù)給運(yùn)行程序,python默認(rèn)提供了sys模塊的系統(tǒng)參數(shù)屬性實(shí)現(xiàn)接收命令行中的外部參數(shù),本文給大家介紹了python命令行傳遞參數(shù)的兩種方式,需要的朋友可以參考下
2024-05-05