页面js：

$(function() {

// 文档就绪

$("#qrcode").attr("src", "/qrcode/${uuid}");

$("#result").html("使用手机扫描二维码");

keepPool();//一加载就进入自动请求-见步骤3

});

3、页面js自动请求服务器查询是否被扫

function keepPool(){

$.post("/pool", {

uuid : "${uuid}",

}, function(data) {

if(data=='success'){

$("#result").html("登录成功");

}else if(data=='timeout'){

$("#result").html("登录超时，请刷新重试");

}else{

keepPool();

}

});

}

4、服务器收到请求，这里服务器端的事情还是蛮多的，分解一下

1、首先要生成二位码，对应 $("#qrcode").attr("src", "/qrcode/${uuid}");

2、生成二位码后，需要将uuid放入到缓存，我是将UUID作为建，新建一个对象作为值（这里可以采用redis），我为了学习方便，自己写了个缓存

3、查询是否被扫，对应$.post("/pool", { uuid : "${uuid}"}......，这时候有一个等待的功能（缓存中的对象来控制，这个对象的键就是UUID）

4、被扫后，立马通知等待者（这里是通过缓存中的对象来通知消息的）

5、上面说了好多次对象了，对的，都是同一个，接着贴代码了

4.1-4.2 生成二位码,我这里使用的google的zxing

@RequestMapping("/qrcode/{uuid}")

@ResponseBody

String createQRCode(@PathVariable String uuid,HttpServletResponse response)

{

System.out.println("生成二维码");

String text = "http://172.20.16.194:8080/login/"+uuid;

int width = 300;

int heihttp://ght = 300;