轮询相关

用于消息和投票等

轮询

1.采用js 定时请求。

html

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>

        li{

            cursor: pointer;

        }

    </style>

</head>

<body>

    <ul id="userList">

        {% for key,val in users.items() %}

            <li uid="{{key}}">{{val.name}} ({{val.count}})</li>

        {% endfor %}

    </ul>

    <script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>

    <script>

        $(function () {

            $('#userList').on('dblclick','li',function () {

                var uid = $(this).attr('uid');

                $.ajax({

                    url:'/vote',

                    type:'POST',

                    data:{uid:uid},

                    success:function (arg) {

                        console.log(arg);

                    }

                })

            });

        });

        /*

        获取投票信息

         */

        function get_vote() {

            $.ajax({

                url:'/get/vote',

                type:"GET",

                dataType:'JSON',

                success:function (arg) {

                    $('#userList').empty();

                    $.each(arg,function (k,v) {

                        var li = document.createElement('li');

                        li.setAttribute('uid',k);

                        li.innerText = v.name + "(" + v.count + ')' ;

                        $('#userList').append(li);

                    })

                }

            })

        }

        setInterval(get_vote,3000);

    </script>

</body>

</html>

python

from flask import Flask,render_template,request,jsonify

app = Flask(__name__)

USERS = {

    '':{'name':'jack','count':1},

    '':{'name':'rose','count':0},

    '':{'name':'anner','count':0},

}

@app.route('/user/list')

def user_list():

    import time

    return render_template('user_list.html',users=USERS)

@app.route('/vote',methods=['POST'])

def vote():

    uid = request.form.get('uid')

    USERS[uid]['count'] += 1

    return "投票成功"

@app.route('/get/vote',methods=['GET'])

def get_vote():

    return jsonify(USERS)

if __name__ == '__main__':

    # app.run(host='192.168.13.253',threaded=True)

    app.run(threaded=True)

长轮询

1.采用队列，递归，多线程实现。

html

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>

        li{

            cursor: pointer;

        }

    </style>

</head>

<body>

    <ul id="userList">

        {% for key,val in users.items() %}

            <li uid="{{key}}">{{val.name}} ({{val.count}})</li>

        {% endfor %}

    </ul>

    <script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>

    <script>

        $(function () {

            $('#userList').on('click','li',function () {

                var uid = $(this).attr('uid');

                $.ajax({

                    url:'/vote',

                    type:'POST',

                    data:{uid:uid},

                    success:function (arg) {

                        console.log(arg);

                    }

                })

            });

            get_vote();

        });

        /*

        获取投票信息

         */

        function get_vote() {

            $.ajax({

                url:'/get/vote',

                type:"GET",

                dataType:'JSON',

                success:function (arg) {

                    if(arg.status){

                        $('#userList').empty();

                            $.each(arg.data,function (k,v) {

                                var li = document.createElement('li');

                                li.setAttribute('uid',k);

                                li.innerText = v.name + "(" + v.count + ')' ;

                                $('#userList').append(li);

                            })

                    }

                    get_vote();

                }

            })

        }

    </script>

</body>

</html>

python

from flask import Flask,render_template,request,jsonify,session

import uuid

import queue

app = Flask(__name__)

app.secret_key = 'asdfasdfasd'

USERS = {

    '':{'name':'jack','count':1},

    '':{'name':'rose','count':0},

    '':{'name':'anner','count':0},

}

QUEQUE_DICT = {

    # 'asdfasdfasdfasdf':Queue()

}

@app.route('/user/list')

def user_list():

    user_uuid = str(uuid.uuid4())

    QUEQUE_DICT[user_uuid] = queue.Queue()

    session['current_user_uuid'] = user_uuid

    return render_template('user_list.html',users=USERS)

@app.route('/vote',methods=['POST'])

def vote():

    uid = request.form.get('uid')

    USERS[uid]['count'] += 1

    for q in QUEQUE_DICT.values():

        q.put(USERS)

    return "投票成功"

@app.route('/get/vote',methods=['GET'])

def get_vote():

    user_uuid = session['current_user_uuid']

    q = QUEQUE_DICT[user_uuid]

    ret = {'status':True,'data':None}

    try:

        users = q.get(timeout=5)

        ret['data'] = users

    except queue.Empty:

        ret['status'] = False

    return jsonify(ret)

if __name__ == '__main__':

    app.run(host='192.168.3.10',threaded=True)

    # app.run(threaded=True)

python 轮询，长轮询的更多相关文章

  1. 使用轮询&长轮询实现网页聊天室

    前言 如果有一个需求,让你构建一个网络的聊天室,你会怎么解决? 首先,对于HTTP请求来说,Server端总是处于被动的一方,即只能由Browser发送请求,Server才能够被动回应. 也就是说,如 ...

  2. Tornado长轮询和WebSocket

    Http协议是一种请求响应式协议, 不允许服务端主动向客户端发送信息. 短轮询是一种简单的实现服务端推送消息的解决方案, 客户端以一定间隔自动向服务端发送刷新请求, 服务端返回要推送的消息作为响应. ...

  3. Apollo 3 定时/长轮询拉取配置的设计

    前言 如上图所示,Apollo portal 更新配置后,进行轮询的客户端获取更新通知,然后再调用接口获取最新配置.不仅仅只有轮询,还有定时更新(默认 5 分钟一次).目的就是让客户端能够稳定的获取到 ...

  4. 了解轮询、长轮询、长连接、websocket

    业务开发中我们往往会有一些需要即时通信的场景,比如微信扫码登录.聊天功能. 下面这四种方式都可以实现即时通信. 轮询: 浏览器通过定时器每隔一段时间向服务器端发送请求,服务器端收到请求并响应请求.没有 ...

  5. 轮询、长轮询、长连接、websocket

    Web端即时通讯技术:即时通讯技术简单的说就是实现这样一种功能:服务器端可以即时地将数据的更新或变化反应到客户端,例如消息即时推送等功能都是通过这种技术实现的.但是在Web中,由于浏览器的限制,实现即 ...

  6. es6- Generator函数实现长轮询

    1.Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同. 语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态.形式上,Gene ...

  7. 长连接、短连接、长轮询和WebSocket

    //转发,格式待整理 2017-08-0519784View0 对这四个概念不太清楚,今天专门搜索了解一下,总结一下: 长连接:在HTTP 1.1,客户端发出请求,服务端接收请求,双方建立连接,在服务 ...

  8. http轮询，长轮询

    轮询,长轮询 轮询 轮询:客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并关闭连接. 优点:后端程序编写比较容易. 缺点:请求中有大半是无用,浪费带宽和服务器资源. 实例:适于小 ...

  9. python之轮询、长轮询、websocket

    轮询 ajax轮询 ,ajax轮询 的原理非常简单,让浏览器隔个几秒就发送一次请求,询问服务器是否有新信息. 1.后端代码 from flask import Flask,render_templat ...

随机推荐

  1. vue路由--静态路由

    vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来.传统的页面应用,是用一些超链接来实现页面切换和跳转的.在vue-router单页面应用中,则是路径之间的切换,也就是 ...

  2. RJM8L151F6P6温度枪方案对比

    疫情当下,温度计.呼吸机.监护仪.制氧机等医疗产品的生产供应至关重要,红外温度计属于非接触式测温,它是利用物体热辐射与物体温度之间的关系来工作的. 红外测温仪是一种将红外技术与微电子技术相结合的新型温 ...

  3. java设计模式学习笔记——里氏替换原则

    oo中的继承性的思考和说明 1.继承包含这样一层含义:父类中凡是已经实现好的方法,实际上是在设定规范和契约,虽然它不强制要求所有的子类必须遵循这些七月,但是如果子类对这些已经实现的方法任意修改,就会对 ...

  4. jQuery on 绑定的事件 执行两次

    $(".class1").on("click",".class2",function(){ alert('提示'); }); 上面代码,怎么 ...

  5. 00.ES6简介

    ES6 简介 ECMAScript 和 JavaScript 的关系 JavaScript是由ECMAScript组织维护的,ES6的名字就取自ECMAScript中的E和S,6的意思是已经发布到第6 ...

  6. 使用 Apache James 3.3.0(开源免费) 搭建外网电子邮件服务器(基于 Windows + Amazon Corretto 8)

    对于邮件服务器的安装,请先参阅: 使用 Apache James 3.3.0(开源免费) 搭建内网电子邮件服务器(基于 Windows + Amazon Corretto 8) https://www ...

  7. Jmeter后置处理器，正则表达式提取器的使用

    [使用场景]:下一个请求参数需要从上一个请求的响应数据中获取 [jmeter正则表达式说明]:使用perl正则表达式(可参考:http://www.runoob.com/perl/perl-regul ...

  8. 准备工作-Visual Studio 安装

    说明 网上很多安装教程,等到自己有时间的时候再写一篇自己安装的详细步骤 安装参考(网络) https://blog.csdn.net/qq_33485434/article/details/78454 ...

  9. C++ Primer 抄书笔记（二）——变量和基本类型（上）

    一.基本内置类型 base build-in type[算数类型/类型转换/字面值常量] 基本内置类型(算数类型arithmetic type(整型integral type(字符,布尔bool),浮 ...

  10. modules模块

    模块操作一 temp.js export var a='eternity'; index.js 跟temp.js同路径 import {a} from ./temp; 模块操作二 temp.js ex ...