这篇文章写的很好Web 通信 之 长连接、长轮询(long polling),受益匪浅。

1.什么是长轮询,长连接

用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已。

2.我的应用场景

想做一个二维码签到系统.
主要要求:
- 在浏览器上发布签到
- 一个二维码只能用一次
- 当浏览器上显示的二维码被使用过后,自动刷新成新的二维码

3.具体代码

页面:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
</head>
<script type="text/javascript">
  function myajax() {
    var myhttp;
    myhttp=new XMLHttpRequest();
    myhttp.open("GET","qrajax",true);
    myhttp.send();
    myhttp.onreadystatechange=function()
    {
      if (myhttp.readyState==4 && myhttp.status==200)
      {
        var msg=myhttp.responseText;
        document.getElementById("asd").innerHTML=msg;
        if(msg!="Failed"){
          document.getElementById("QRcode").src=
                  "qrcoder?flag="+Math.random()+"&teacherID="+document.getElementById("tecID").value;
        }
      }
    }
  }
  //长轮询,10秒发送一次ajax请求
  window.setInterval(myajax,10000);

</script>
<body>
<textarea id="asd"></textarea>
<img src="qr" id="qrajax"/>
<input type="text" id="tecID"/>
<button type="button" onclick="myajax()">Change Content</button>
</body>
</html>

服务器端

package com.servlet;

import com.service.QRService;

import javax.servlet.servletexception;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.io.PrintWriter;
public class QRAjax extends HttpServlet {
    protected void doPost(HttpServletRequest request,HttpServletResponse response) throws servletexception,IOException {
        doGet(request,response);
    }

    protected void doGet(HttpServletRequest request,IOException {
        HttpSession session=request.getSession();
        QRService service=new QRService();
        PrintWriter out = response.getWriter();
        //计时
        int time=0;
        if(session!=null){
            //长轮询
            while(true) {
                time++;
                //判断二维码是否被使用过
                if (service.isReflash()) {
                    out.print("no "+session.getAttribute("recordCount")+" ");
                    break;
                }else{
                    //保持10秒
                    if(time>=10){
                        out.print("Failed");
                        break;
                    }else {
                        try {
                            //保持住,1秒循环一次
                            Thread.sleep(1000);
                        } catch (InterruptedException e) {
                            e.printstacktrace();
                        }
                    }

                }
            }
        }
        out.close();
    }
}

Ajax实现Web长连接的更多相关文章

  1. 手对手的教你用canvas画一个简单的海报的方法示例

    企业的广告投入开始从电视等传统媒体向基于圈层文化的新媒体精准营销转移,很多人都想制作一张属于自己的海报,本文介绍了手对手的教你用canvas画一个简单的海报的方法示例,感兴趣的可以了解一下

  2. 应用程序关闭时的iOS任务

    我正在构建一个应用程序,通过ajax将文件上传到服务器.问题是用户很可能有时不会有互联网连接,并且客户希望在用户重新连接时安排ajax调用.这可能是用户在离线时安排文件上传并关闭应用程序.应用程序关闭时可以进行ajax调用吗?

  3. Swift AVFoundation 二维码扫描和生成

    项目终于不需要支持iOS6了(泪崩),在二维码扫描这一块,能够完全的放弃ZXing库,改用系统的AVFoundation了,拿swift写了个Demo,效果如下:github地址:点这里有关AVFoundation和CoreImage(滤镜等),可以先看看objc.io第21期和第23期的有关介绍.初始化视频捕捉PS:LZ用了下微信和新浪微博的扫一扫,发现那个扫描框是忽悠人的,也就是你没拿它对准二维码,只要二维码进入手机摄像头范围,就能够解码成功…

  4. Swift - 生成二维码

    CIFilter提供了各种各样的滤镜,其中CiqrCodeGenerator可以用来生成二维码。下面通过一个样例演示如何将字符串生成二维码图片,同时支持在二维码中间放置个性化图标。效果图如下:代码如下:123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263importUIKitclassViewController:UIView

  5. Swift - 二维码QRCode的读取

    1,直接读取图片中的二维码使用CIDetector可以很方便的检测并读取二维码。context=CIContextdetector:CIDetectorfeatures=detector.featuresInImageprint//遍历所有的二维码,并框出forfeatureinfeaturesas![CiqrCodeFeature]{}}didReceiveMemoryWarning(){.didReceiveMemoryWarning()}}控制台输出如下:扫描到二维码个数:2http://www.h

  6. Swift系统自带二维码的扫描使用

    session.canAddInput{return}//判断是否能够将输出添加到回话中if!session.canAddOutput{return}//将输入和输出添加到回话中session.addInputsession.addOutput//设置输入能够解析的数据类型//设置能解析的数据类型,一定要在输出对象添加到会员之后设置output.MetadataObjectTypes=output.availableMetadataObjectTypes//设置输出对象的代理,只要解析成功,就会通知代理o

  7. swift系统自带二维码的生成

    .setDefaults()//设置需要生成二维码的数据filter?.setValue//从滤镜中取出生成的图片letciImage=filter?.outputimage//这个清晰度不好//letbgImage=UIImage(CIImage:ciImage!,size:300)//创建一个头像leticon=UIImage//合成图片letnewImage=creatimage(bgImage,iconImage:icon!)//返回生成好的二维码returnnewImage}//MARK:-根据

  8. swift编程语言简单开发二维码扫描

    )类型8.do{9.letinput=tryAVCaptureDeviceInput10.returninput11.}catch{12.print13.returnnil14.}15.}()16.//创建会话/输出比较简单只需要创建一个对象17.privatelazyvarsession:AVCaptureSession=AVCaptureSession()18.//创建输出设备19.privatelazyvardeviceOutput:AVCaptureMetadataOutput=AVCapture

  9. Swift快速集成函数使用篇(生成二维码)

    1代码生成的二维码E312AE79-44A0-472E-938C-5599B04CA92A.png2一行代码集成3生成二维码代码文/Hcy_原文链接:http://www.jianshu.com/p/8872f96587e9

  10. 使用 Swift 创建简单的二维码扫描应用

    本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请发送邮件至dio@foxmail.com举报,一经查实,本站将立刻删除。

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github,点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件;对于前后端分离的开发模式,ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装,XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js,更小的压缩版本,可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装,VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js,更小的压缩版本,可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多,其中一个是利用CORS,而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的,最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止,相当于仅仅完成了预检,还没发送真正的请求呢。

  5. form提交时,ajax上传文件并更新到&lt;input&gt;中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案:1.加cache:false2.url加随机数正常代码:网上高人解读:cache的作用就是第一次请求完毕之后,如果再次去请求,可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下,内容编码类型满足大多数情况。在这里,我们主要谈谈contentType=false.在使用ajax上传文件时:在其中先封装了一个formData对象,然后使用post方法将文件传给服务器。说到这,我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗?这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的,因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来,以后不用到处找了。语法:$.ajaxFileUploadoptions参数说明:1、url上传处理程序地址。2,fileElementId需要上传的文件域的ID,即的ID。3,secureuri是否启用安全提交,默认为false。4,dataType服务器返回的数据类型。6,error

  9. AJAX-Cache:一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段,在频繁的异步请求业务中,我们往往需要利用“缓存”提升界面响应速度,减少网络资源占用。AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的,我该如何解决呢?必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位,那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部