中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Python中如何使用dwebsocket實現后端數據實時刷新

發布時間:2023-05-11 10:56:56 來源:億速云 閱讀:128 作者:zzz 欄目:編程語言

本文小編為大家詳細介紹“Python中如何使用dwebsocket實現后端數據實時刷新”,內容詳細,步驟清晰,細節處理妥當,希望這篇“Python中如何使用dwebsocket實現后端數據實時刷新”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

執行定時任務的時候,我們需要了解執行百分比或者實時數據返回,這時候可以采用的方法

1.ajax請求后端服務器,然后前端頁面局部渲染獲取百分比

2.使用webscoket進行長連接交流刷新

ajax使用方法使用interval函數來實現定時請求,本次這里不做說明

views.py文件添加如下內容

from django.shortcuts import render,HttpResponse
from dwebsocket.decorators import accept_websocket
import time,random
import uuid
import json
@accept_websocket
def test_websocket(request):
    cnt=1
    if request.is_websocket():
        while True:
            messages = {
                'time': time.strftime('%Y.%m.%d %H:%M:%S', time.localtime(time.time())),
                'server_msg': 'hello%s'%time.time(),
                'client_msg': 'msg%s'%time.time()
            }
            time.sleep(1)
            cnt+=1
            if cnt<=10:
                request.websocket.send(json.dumps(messages))
            else:
                break

def test_websocket_client(request):
    return  render(request,'websocket_client.html',locals())

settings.py文件增加dwebsocket

INSTALLED_APPS = [
   'django.contrib.admin',
   'django.contrib.auth',
   'django.contrib.contenttypes',
   'django.contrib.sessions',
   'django.contrib.messages',
   'django.contrib.staticfiles',
   'dwebsocket'
]

urls.py文件添加相關鏈接

urlpatterns = [
    path('test_websocket', views.test_websocket, name='test_websocket'),
    path('test_websocket_client', views.test_websocket_client, name='test_websocket_client'),
]

直接上html代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dwebsocket實踐</title>
    <script  src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            // $('#send_message').click(
            //     function() {
                var socket = new WebSocket("ws://" + window.location.host + "/test_websocket");
                socket.onopen = function () {
                    console.log('WebSocket open');//成功連接上Websocket
                    // socket.send($('#message').val());//發送數據到服務端
                };
                socket.onmessage = function (e) {
                    // console.log('message: ' + e.data);//打印服務端返回的數據
                    $('#messagecontainer').text('<p>' + JSON.parse(e.data).client_msg + '</p>'+'<p>' + JSON.parse(e.data).server_msg + '</p>');
                    // $('#messagecontainer').text('<p>' + JSON.parse(e.data).server_msg + '</p>');
                };
                socket.onclose=function () {
                    console.log("連接已關閉")
                }
            // });
        });
    </script>
</head>
<body>
    <input type="text" id="message" value="請輸入發送消息!" />
    <button type="button" id="send_message">send message</button>
    <h3>接受到消息</h3>
    <div id="messagecontainer">
    </div>
</body>
</html>

然后我們運行程序

Python中如何使用dwebsocket實現后端數據實時刷新

十秒之后斷開連接得到了我們想要的結果

業務需求的話,可以在我們的test_websocket 修改我們的邏輯然后根據返回的結果進行渲染

讀到這里,這篇“Python中如何使用dwebsocket實現后端數據實時刷新”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

攀枝花市| 九江县| 湖州市| 措美县| 阿鲁科尔沁旗| 荣成市| 杭锦后旗| 双流县| 西乌珠穆沁旗| 乌拉特后旗| 荥经县| 张家口市| 渝北区| 塘沽区| 无棣县| 遵义市| 柞水县| 尚义县| 射洪县| 崇明县| 五华县| 宁化县| 宁德市| 奈曼旗| 泰来县| 深泽县| 定日县| 那坡县| 潜山县| 鄂伦春自治旗| 台安县| 保亭| 玉林市| 宿迁市| 华阴市| 岳西县| 湘西| 喀喇沁旗| 若尔盖县| 星座| 丹江口市|