欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Django與AJAX實(shí)現(xiàn)網(wǎng)頁(yè)動(dòng)態(tài)數(shù)據(jù)顯示的示例代碼

 更新時(shí)間：2021年02月24日 09:46:29   作者：Uncle_Gen  
這篇文章主要介紹了Django與AJAX實(shí)現(xiàn)網(wǎng)頁(yè)動(dòng)態(tài)數(shù)據(jù)顯示的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

前言

這部分已經(jīng)折騰我兩天了，還是沒有頭緒，可能還會(huì)折騰更久，最后在第三天上午解決問題，在一個(gè)不起眼的地方被坑了，jQuery加載的問題。會(huì)者不難，難者不會(huì)，希望后面人少走彎路吧

環(huán)境

  • windows10
  • pycharm2017.3.3 professional edition
  • python3.6.4
  • django2.0.2

方法

創(chuàng)建后臺(tái)讀取數(shù)據(jù)函數(shù)，用于后臺(tái)從數(shù)據(jù)庫(kù)讀取數(shù)據(jù)。在views.py文件內(nèi)增加以下代碼

from django.http import JsonResponse

def data_fresh(request):
  context = {"data1": Test.objects.order_by("-time")[0].temp1,
        "data2": Test.objects.order_by("-time")[0].temp2}
  return JsonResponse(context)
  • data_fresh是函數(shù)名
  • Test是Django項(xiàng)目下的模型
  • order_by(“-time”)[0]指按時(shí)間列倒序排列并取第一行數(shù)據(jù)
  • temp1是第一行數(shù)據(jù)里的temp1數(shù)據(jù)

如果沒有數(shù)據(jù)庫(kù)數(shù)據(jù)的話，直接寫成固定的數(shù)據(jù)用來測(cè)試也是可以的

加載函數(shù)，讓HTML頁(yè)面能夠訪問到函數(shù)。在urls.py添加一下代碼

urlpatterns = [
  path('data_fresh/', views.data_fresh, name="data_fresh"),
]

前端使用jQuery訪問后臺(tái)函數(shù)，要實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)顯示，還需要增加定時(shí)程序，在HTML頁(yè)面插入以下代碼

<script>
  $(document).ready(function(){
    function refresh(){
      $.getJSON("/data_fresh/", function (ret) {
        $('#result').html(ret.data1);
        $('#result2').html(ret.data2);
      })
    }
    setInterval(refresh, 3000)
  })
</script>

上面的程序?qū)⒌?步里的temp1和temp2寫入id為result1和result2的標(biāo)簽里

到此這篇關(guān)于Django與AJAX實(shí)現(xiàn)網(wǎng)頁(yè)動(dòng)態(tài)數(shù)據(jù)顯示的示例代碼的文章就介紹到這了,更多相關(guān)Django AJAX 動(dòng)態(tài)數(shù)據(jù)顯示內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • python基礎(chǔ)教程之udp端口掃描

    python基礎(chǔ)教程之udp端口掃描

    開發(fā)一個(gè)程序，用于獲取局域網(wǎng)中開啟snmp服務(wù)的主機(jī)ip地址列表，并寫入相應(yīng)文件以便其它程序使用。下面是實(shí)現(xiàn)方法
    2014-02-02
  • Python實(shí)現(xiàn)圖的廣度和深度優(yōu)先路徑搜索算法

    Python實(shí)現(xiàn)圖的廣度和深度優(yōu)先路徑搜索算法

    圖是一種抽象數(shù)據(jù)結(jié)構(gòu)，本質(zhì)和樹結(jié)構(gòu)是一樣的。圖與樹相比較，圖具有封閉性，可以把樹結(jié)構(gòu)看成是圖結(jié)構(gòu)的前生。本文將利用Python實(shí)現(xiàn)圖的廣度和深度優(yōu)先路徑搜索算法，感興趣的可以學(xué)習(xí)一下
    2022-04-04
  • Python數(shù)據(jù)類型轉(zhuǎn)換匯總

    Python數(shù)據(jù)類型轉(zhuǎn)換匯總

    這篇文章主要給大家分享的是Python數(shù)據(jù)類型轉(zhuǎn)換匯總，int,float相互轉(zhuǎn)換、int,string相互轉(zhuǎn)換、float,string相互轉(zhuǎn)換、string,list相互轉(zhuǎn)換等常見內(nèi)容，需要的小伙伴可以參考一下
    2022-03-03
  • Python繪制浪漫星空的示例代碼

    Python繪制浪漫星空的示例代碼

    Python的turtle是一個(gè)基于tkinter的Python圖形庫(kù),可以幫助初學(xué)者輕松地理解和繪制圖形,本文就來通過turtle繪制一個(gè)浪漫的星空動(dòng)畫吧
    2023-09-09
  • PyTorch實(shí)現(xiàn)圖像識(shí)別實(shí)戰(zhàn)指南

    PyTorch實(shí)現(xiàn)圖像識(shí)別實(shí)戰(zhàn)指南

    圖像識(shí)別是從給定圖像中提取有意義的信息(例如圖像內(nèi)容)的過程,下面這篇文章主要給大家介紹了關(guān)于PyTorch實(shí)現(xiàn)圖像識(shí)別的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-02-02
  • 淺談Python3中strip()、lstrip()、rstrip()用法詳解

    淺談Python3中strip()、lstrip()、rstrip()用法詳解

    這篇文章主要介紹了淺談Python3中strip()、lstrip()、rstrip()用法詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-04-04
  • 手把手教你python實(shí)現(xiàn)SVM算法

    手把手教你python實(shí)現(xiàn)SVM算法

    這篇文章主要為大家詳細(xì)介紹了手把手教你python實(shí)現(xiàn)SVM算法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-12-12
  • python爬蟲基礎(chǔ)知識(shí)點(diǎn)整理

    python爬蟲基礎(chǔ)知識(shí)點(diǎn)整理

    在本篇文章里小編給大家整理的是一篇關(guān)于python爬蟲基礎(chǔ)知識(shí)點(diǎn)整理內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。
    2020-06-06
  • Python實(shí)現(xiàn)隨機(jī)漫步的詳細(xì)過程

    Python實(shí)現(xiàn)隨機(jī)漫步的詳細(xì)過程

    隨機(jī)漫步顧名思義每一步都是隨機(jī)的,假設(shè)有一個(gè)點(diǎn),下一步往哪里走,走多遠(yuǎn),這些都沒有明確的表示,完全是隨機(jī)的,最后走到哪里,是由一系列隨機(jī)決策決定的，這篇文章主要給大家介紹了關(guān)于Python實(shí)現(xiàn)隨機(jī)漫步的相關(guān)資料,需要的朋友可以參考下
    2023-03-03
  • python基于OpenCV模板匹配識(shí)別圖片中的數(shù)字

    python基于OpenCV模板匹配識(shí)別圖片中的數(shù)字

    這篇文章主要介紹了python基于OpenCV模板匹配識(shí)別圖片中的數(shù)字，幫助大家更好的理解和學(xué)習(xí)使用python，感興趣的朋友可以了解下
    2021-03-03

最新評(píng)論