轮询相关

用于消息和投票等

轮询

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. leetcode-简单-栈-逆波兰表达式

    根据逆波兰表示法,求表达式的值. 有效的运算符包括 +, -, *, / .每个运算对象可以是整数,也可以是另一个逆波兰表达式. 说明:  整数除法只保留整数部分. 给定逆波兰表达式总是有效的.换句话 ...

  2. dotnetcore3.1 WPF 实现多语言

    dotnetcore3.1 WPF 实现多语言 Intro 最近把 DbTool 从 WinForm 迁移到了 WPF,并更新到了 dotnet core 3.1,并实现了基于 Microsoft.E ...

  3. position属性值4缺一带你了解相对还是绝对抑或是固定定位

    阿基米德说“给我一个支点,我能翘起整个地球”,在HTML页面中,给你一个坐标,可以把任何一个元素定位目标点,这就是定位!CSS有三种基本的定位机制:相对定位.绝对定位.固定定位,决定定位的positi ...

  4. Linux中screen命令

    screen是一款由GNU计划开发的用于命令行终端切换的自由软件.用户可以通过该软件同时连接多个本地或远程的命令行会话,并在其间自由切换.GNU Screen可以看作是窗口管理器的命令行界面版本.它提 ...

  5. Github上优秀的.NET Core项目

    Github上优秀的.NET Core开源项目的集合.内容包括:库.工具.框架.模板引擎.身份认证.数据库.ORM框架.图片处理.文本处理.机器学习.日志.代码分析.教程等. Github地址:htt ...

  6. #《Essential C++》读书笔记# 第一章 C++ 编程基础

    前言 Stanley B.Lippman 先生所著的<C++ Primer>是学习C++的一本非常优秀的教科书,但<C++ Primer>作为一本大部头书,显然不适合所有的初学 ...

  7. npm ERR! Failed at the node-sass@4.13.0 postinstall script

    node-sass 的数据源没设置 npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass 重新 npm in ...

  8. npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules

    Mac 权限不够  前面加sudo   然后输入密码

  9. 使用 TypeScript & mocha & chai 写测试代码实战（17 个视频）

    使用 TypeScript & mocha & chai 写测试代码实战(17 个视频) 使用 TypeScript & mocha & chai 写测试代码实战 #1 ...

  10. HTML单词

    html超文本标记语言 head 头部font 字体 字形i(italic) 倾斜,斜体字big 大的,字体加大hr 水平线Pre(predefined)预定义h5标题5Div(division)区隔 ...