阿里云代理商-阿里云授分销商!助您开心上云!
欢迎您的咨询!贵宾咨询专线:158-0160-3153  136-5130-9831
阿里云代理,凯铧互联

如何在前端实现长轮询?

2021-02-26 10:30:15

发布:阿里云代理商凯铧互联


第307题:如何在前端实现长轮询?
轮询:通过定时器让程序每隔n秒执行一次操作。

客户端向服务器发送请求,服务器接到请求后hang住连接,等待30秒,直到有新消息,才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
</head>
<body>
<h1>请选出最帅的男人</h1>
<ul>
{% for k,v in gg.items() %}
<li style="cursor: pointer" id="user_{{ k }}" ondblclick="vote({{ k }});">ID:{{ k }}, 姓名:{{ v.name }} ,票数:<span>{{ v.count }}</span></li>
{% endfor %}
</ul>

<script src="/static/jquery-3.3.1.min.js"></script>
<script>
$(function () {
get_new_count();
});

function get_new_count() {
$.ajax({
url: '/get_new_count',
type:'GET',
dataType:'JSON',
success:function (arg) {
if (arg.status){
// 更新票数
var gid = "#user_" + arg.data.gid;
$(gid).find('span').text(arg.data.count);
}else{
// 10s内没有人投票
}
get_new_count();

}
})
}

function vote(gid) {
$.ajax({
url: '/vote',
type:'POST',
data:{gid:gid},
dataType:"JSON",
success:function (arg) {

}
})
}
</script>
</body>
</html>




郑重申明

本套试题阿里云云计算认证acp真题来源于互联网,如果不小心侵犯了您的权益,请及时联系站长处理。

阿里云代理凯铧互联免费提供专家1V1技术服务,大客户首选服务商,优惠购买阿里云服务器、阿里云数据库、阿里云高防等折扣购买,如果您是工作时间以外的时间需要服务,请加微信号158-0160-3153,当然了,这个微信号也是手机号,可以随时拨打!

凯铧互联微信号

扫一下凯铧互联微信号,立享优惠折扣!!

-----------------------诚信合作!互赢互利!-----------------------

最新活动| 行业动态| 最新公告| 常见问题| 关于我们| 合作联系| 付款方式| 网站地图

阿里云购买咨询

贵宾咨询专线:158-0160-3153   内蒙分公司经理:186-4746-6099

CopyRight © 2018www.xindns.mobi All Rights Reserved 阿里云代理— 北京凯铧互联科技有限公司

阿里云代理,凯铧互联