阿里云代理商-阿里云授分销商！助您开心上云！
欢迎您的咨询！贵宾咨询专线：158-0160-3153 136-5130-9831
发布：阿里云代理商凯铧互联
第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，当然了，这个微信号也是手机号，可以随时拨打！
扫一下凯铧互联微信号，立享优惠折扣！！
