Django結(jié)合ajax進(jìn)行頁(yè)面實(shí)時(shí)更新的例子
Django結(jié)合ajax進(jìn)行頁(yè)面實(shí)時(shí)更新踩過(guò)的坑
簡(jiǎn)單記錄一下在使用Django、echarts和ajax實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)更新時(shí)遇到的一些坑：
1、url配置錯(cuò)誤，路徑?jīng)]有找對(duì)（最后使用絕對(duì)路徑）
2、后臺(tái)（view.py）傳的數(shù)據(jù)類型不對(duì)導(dǎo)致
3、沒(méi)有配置js源，根本發(fā)不出ajax請(qǐng)求（第一次接觸js，根本不知道這個(gè)大坑。。）
4、不知道哪里報(bào)錯(cuò)可以根據(jù)XMLHttpRequest.status、XMLHttpRequest.readyState和textStatus進(jìn)行分析
5、（現(xiàn)在還沒(méi)弄明白的）在view.py）中向前端傳數(shù)據(jù)的函數(shù)需要加上@csrf_exempt，不然根本不可能成功（在這個(gè)坑找了好久，科學(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ù)，沒(méi)有報(bào)錯(cuò)的話會(huì)傳給ajax的success
3、url.py
urlpatterns = [ url(r'^goData/$',views.goData,name='goData'), ]
4、最后就是要 記得引入相應(yīng)的文件（js和echarts）
以上這篇Django結(jié)合ajax進(jìn)行頁(yè)面實(shí)時(shí)更新的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
樹(shù)莓派4B+opencv4+python 打開(kāi)攝像頭的實(shí)現(xiàn)方法
這篇文章主要介紹了樹(shù)莓派4B+opencv4+python 打開(kāi)攝像頭的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
本篇文章帶領(lǐng)大家徹底搞懂Python字符編碼的一些知識(shí)，及python字符編碼的一些基礎(chǔ)概念，需要的朋友可以參考下2018-01-01
Python提取PDF發(fā)票信息保存Excel文件并制作EXE程序的全過(guò)程
之前零散的用過(guò)一點(diǎn)python做數(shù)據(jù)處理,這次又遇到一個(gè)數(shù)據(jù)處理的小功能,下面這篇文章主要給大家介紹了關(guān)于Python提取PDF發(fā)票信息保存Excel文件并制作EXE程序的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
在日常生活中，文件操作主要包括打開(kāi)、關(guān)閉、讀、寫(xiě)等操作，這篇文章主要為大家詳細(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)練指定層，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-01-01
在日常辦公和團(tuán)隊(duì)協(xié)作中,文件共享是一個(gè)不可或缺的需求,所以本文將使用Python + Tkinter + pyftpdlib 開(kāi)發(fā)一款可視化FTP服務(wù)器,有需要的小伙伴可以參考下2025-04-04
這篇文章主要介紹了Pycharm如何打斷點(diǎn)的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
python實(shí)現(xiàn)126郵箱發(fā)送郵件
這篇文章主要為大家詳細(xì)介紹了python實(shí)現(xiàn)126郵箱發(fā)送郵件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
Matplotlib可視化之添加讓統(tǒng)計(jì)圖變得簡(jiǎn)單易懂的注釋
今天給大家?guī)?lái)的文章是關(guān)于Python的,文章圍繞著Python Matplotlib可視化展開(kāi),文中非常詳細(xì)的介紹了如何給統(tǒng)計(jì)圖添加注釋,需要的朋友可以參考下2021-06-06
python在命令行運(yùn)行.py文件時(shí),如何在命令行傳遞參數(shù)給運(yùn)行程序,python默認(rèn)提供了sys模塊的系統(tǒng)參數(shù)屬性實(shí)現(xiàn)接收命令行中的外部參數(shù),本文給大家介紹了python命令行傳遞參數(shù)的兩種方式,需要的朋友可以參考下2024-05-05