Django框架中使用Ajax實現資料的實時載入

2021-09-23 19:13:22 字數 3707 閱讀 1510

是用來在django框架的web頁面上進行非同步重新整理

import json
首先是對web頁面進行資料的傳送,我上傳的是我畢設中的乙個demo,temperature是我資料庫表名,後面的操作是從資料庫中拿出最新的15條資料,因為是使用order_by(『-id』),所以讀取出來的資料都是倒敘的(我的是倒敘,但是不清楚是不是都是這樣),aa[::-1]的作用就是將元組(我感覺提取出來的應該是元組)進行倒敘

def temperature1

(request)

: aa=temperature.objects.

order_by

('-id')[

:15]#最近的15個值

dict_temperature=

#字典 dict_temperature[

'list'

]=aa[::

-1]return

render_to_response

(, dict_temperature)

**和上面的差不多,不過有兩個變化,第乙個是在自定義的字典dict_temperature中設定鍵(我覺得是沒必要的,應該是沒有影響的,但是我實在懶得進行測試,所以就這樣了-_-),第二個就和之前匯入的包有關了,是將字典的資料型別設定為json格式,就是倒數第二行,然後用http response傳到前端,**中的data和time是我在資料庫中的兩個值,value_list(』 ')讀取出來的只有你存入的數值,不包括欄位名,謹記這個不要修改,是有作用的。

/*谷歌*/

}<

/style>

="content linear" align=

"center"

>

"container" style=

"width:1240px;height:400px"

>

<

/div>

<

/div>

<

/body>

"">

<

/script>

"">

<

/script>

"">

<

/script>

window.

onload

=function()

});$

("#new").

html(}

);$(

"#state").

html

("當前室內溫度較低");

$("#state").

html

("當前室內溫度良好");

$("#state").

html

("當前室內溫度較高,請注意通風");

$("#state").

html

("當前室內溫度過高,請注意通風散熱!");

$("#state").

html

("當前室內溫度不正常,請盡快檢視!!!");

alert

("warning:溫度較高,請注意!"

)alert

("warning:溫度較低!"

)var chart = highcharts.

chart

('container',,

subtitle:

, yaxis:},

legend:

, xaxis:

'}',]}

, series:[}

,]}]

,})}

setinterval

(function

(e)$

("#state").

html

("當前室內溫度較低");

$("#state").

html

("當前室內溫度良好");

$("#state").

html

("當前室內溫度較高,請注意通風");

$("#state").

html

("當前室內溫度過高,請注意通風散熱!");

$("#state").

html

("當前室內溫度不正常,請盡快檢視!!!");

chart = highcharts.

chart

('container',,

subtitle:

, yaxis:},

legend:

, xaxis:

, series:

,})}

}))#}}

,5000

)<

/script>

<

/html>urls.py檔案

path

('temperature/'

,views.temperature1)

,path

('temperature_ajax/'

,views.temperature_ajax)

,

在django中使用ajax

1 實時的get請求 document on input phonenum function e 作為input文字實時傳入資料,get函式將會根據前面的if語句判斷條件被觸發,然後連線位址函式,並將觸發的函式結果作為引數返回,執行get函式中的語句 2 post請求ajax函式 submit cl...

Django中使用bookstarp框架(4)

注意 要使用bookstarp框架前,要先有css的基礎 因為主要是研究後台的使用方法,就引入前端的框架,簡化html上的耗時 主要是不想把時間浪費在前端上 1.2,基礎路徑下 與manage.py同目錄 建立 static css資料夾 2.1,找到urls.py總url配置檔案,路徑 forum...

Django中使用ajax技術概述

ajax就是在不重新整理整個頁面的情況下,去更新區域性頁面的內容 無重新整理技術 1.在html編寫js html的 style color red uid class sel status 正常option 凍結option select js的 get 路徑,傳值,請求成功的方法,資料方式 se...