ajax轮询请求现实 ajax并发请求阻塞介绍
原创

ajax轮询请求现实 ajax并发请求阻塞介绍

好文
已推荐 百科知识 1 2 网创网 营销顾问 知名网络工程师 互联网优化师 本文总共4679个字，预计阅读时间或需16分钟
    当前位置：
  1. 网络推广
  2. 百科知识
试试语音读文章

轮询和长轮询优缺点分析

轮询：软件定时向服务器发送Ajax请求。服务器接到请求后马上返回响应消息并关闭连接。优点：后端程序编写对比简无脑单。缺点：请求中有大半是无用。浪费带宽和服务器资源。实例：适于小型应用。

长轮询：软件向服务器发送Ajax请求。服务器接到请求后hold住连接。直到有新消息才返回响应消息并关闭连接。软件处理完响应消息后再向服务器发送新的请求。优点：在无消息的状态下不会频繁的请求。缺点：服务器hold连接会消耗资源。实例：Webqq、Hi网页版、Facebook IM。

另外。对于长连接和socket连接也有区分：

长连接：在页面里嵌入一个隐蔵iframe。将这种隐蔵iframe的src属性设为对一个长连接的请求。服务器端就能源源不停地往软件输入资料。

优点：消息马上到达。不发无用请求。

缺点：服务器保护一个长连接会增加开销。

实例：Gmail闲聊

Flash Socket：在页面中内嵌入一个使用了Socket类的 Flash 程序javaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信。JavaScript在收到服务器端传送的消息后控制页面的展现。

优点：实现真正的马上通信。而不是伪马上。

缺点：软件一定安装Flash插件；非HTTP协议。无法全自动穿越防火墙。

实例：网络交互健身游戏。

轮询示例代码

Flask版

app.py

app.pyfrom flask import Flask,render_template,request,jsonify

app = Flask(__name__)

USERS = {

'1':{'name':'路人甲','count':1},

'2':{'name':'路人乙','count':0},

'3':{'name':'路人丙','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='127.0.0.1',threaded=True)

app.run(threaded=True)

templates/user_list.html

<!DOCTYPE html>

<html>

<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>

长轮询示例代码

Flask版

app.py

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

import uuid

import queue

app = Flask(__name__)

app.secret_key = 'asdfasdfasd'

USERS = {

'1':{'name':'路人甲','count':1},

'2':{'name':'路人乙','count':0},

'3':{'name':'路人丙','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='127.0.0.1',threaded=True)

# app.run(threaded=True)

\templates\user_list.html

<!DOCTYPE html>

<html>

<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>

您还感兴趣的文章推荐

以上就是由互联网推广工程师 网创网 整理编辑的，如果觉得有帮助欢迎收藏转发~

分享到 :
中国厨师排名 中国厨师排名前十名
上一篇 2022-12-14
相关推荐
最搞笑的动漫排名前十 好看的搞笑动漫排行榜前十名

最搞笑的动漫排名前十 好看的搞笑动漫排行榜前十名

手机qq怎么看什么时候加的好友 qq好友首次添加时间准不准

手机qq怎么看什么时候加的好友 qq好友首次添加时间准不准

试睡员在哪里应聘_试睡员招聘条件高不高

试睡员在哪里应聘_试睡员招聘条件高不高

中国十大面条是哪几种 中国品牌最好的面条

中国十大面条是哪几种 中国品牌最好的面条

c盘清理代码bat文件 电脑c盘清理快捷代码

c盘清理代码bat文件 电脑c盘清理快捷代码

软文网站有哪些 哪些平台可以发软文广告

软文网站有哪些 哪些平台可以发软文广告

十大名鸡谁最贵 世界上什么鸡最贵

十大名鸡谁最贵 世界上什么鸡最贵

好听的吃鸡名字女生,刺激战场绝地求生什么名字最好听

好听的吃鸡名字女生,刺激战场绝地求生什么名字最好听

发表评论

您的电子邮箱地址不会被公开。

浏览器会保存昵称、邮箱和网站cookies信息，下次评论时使用。

评论(2)

  • 难入眠 永久VIP 2022年12月14日 01:38:36

    ajax轮询请求现实 ajax并发请求阻塞介绍 这篇解答确实也是太好了

    回复
  • 北海茫月 永久VIP 2022年12月14日 01:38:36

    消息，服务器，路人，实例，缺点，优点，软件，服务器端，页面，程序

    回复
  • 对不起是种借口 永久VIP 2022年12月14日 01:38:36

    轮询和长轮询优缺点分析轮询：软件定时向服务器发送Ajax请求。服务器接到请求后马上返回响应消息并关闭连接。优点：后端程序

    回复