解决微信端公众号网页获取短信验证码ajax重复调用两次的问题

问题背景介绍：

微信公众号网页开发的时候，点击发送短信验证码，如果响应时间超长，目前测试是10秒左右（这个10秒左右，是我自己多次测试总结出来的规律）

超过10秒左右，就会自动请求第二遍，这个问题挺恶心。上网搜了搜，发现也有很多小伙伴遇到这个问题了，比如下面这位：

https://blog.fishlee.net/2016/07/07/double-request-from-wechat-client-with-ajax/

接着上面这个小伙伴的说，我和后端java小伙伴问了一下，搞出了一个方案，我这边微信前端ajax 请求的时候，发送一个uuid ，

也就是说ajax 异步调用发送短信验证码接口的时候，上传参数加一个uuid，然后java后端接收这个参数，留着做判断用。往下看...

这个是个字符串，挺复杂的，实现方法如下：

        getUuid: function(){
            var len=32;//32长度
            var radix=16;//16进制
            var chars='0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
            var uuid=[],i;
            radix=radix||chars.length;
            if(len){
                for(i=0;i<len;i++)uuid[i]=chars[0|Math.random()*radix];
            } else {
                var r;uuid[8]=uuid[13]=uuid[18]=uuid[23]='-';uuid[14]='4';
                for(i=0;i<36;i++){
                    if(!uuid[i]){
                        r=0|Math.random()*16;uuid[i]=chars[(i==19)?(r&0x3)|0x8:r];
                    }
                }
            }
            return uuid.join('');
        }

 

 

解决思路：上传上面的这个uuid，然后在java后端那边存起来，如果调用了微信服务端偷着给调用了第二次请求，比对一下这个uuid的值，微信偷着给第二次请求的时候，这个uuid 肯定是一样的，然后java端判断，如果uuid一样的话，就在java端，睡眠掉第二个请求进程，保留第一个；

这样第一个就会继续，也会返回成功了。具体java代码，我也不会写，我只是个web前端er。

好了，思路就是这样。