微信内置浏览器Ajax请求10s超时重发问题的解决方案

        最近在做一个微信公众号的项目，期间遇到一个纠结了几天的问题，就是微信页面上激活一次Ajax，实际执行两次请求，由于现实情况原因，该Ajax请求有时延迟会在20s以上。分析后台日志发现，如果Ajax请求超过10s，后台就会再次收到相同请求，这是第一次请求就会自动阻止。导致的直接后果就是多次相同业务处理，无法正常返回，进而引发一系列问题。

        立即上网查询，发现遇到相似问题的还真不了，也大概知道了是什么原因造成的这种问题。这个机制简单说就是，如果你的某个Ajax请求10s超时，微信内置浏览器会自动使用代理进行提交，并且会打断第一次提交。知道了原因，接下来就是解决问题了。

        项目Web应用程序采用的是Spring MVC框架，@Controller层接收前台请求，业务层进行处理。

        问题解决思路，当第二次请求访问到达@Controller时暂停业务处理，并定时循环查询第一次请求是否成功返回，并将第一次请求结果直接赋值给第二次请求，并返回给前端。

        为了确认某次请求是否是微信内置浏览器重发，我们在Ajax请求时增加了一个时间戳var timestamp = new Date().getTime()，利用该时间戳+openid来唯一确定某次请求StringsignFromAjax = MD5.getMessageDigest(tmp.getBytes())，首先判断session中是否存在signFromAjax，如果存在则说明本次请求来自微信内置浏览器重发，否则则说明是首次请求，要求把首次请求生成的signFromAjax写入session。

        首次请求需要把业务处理结果存入session中，重发请求（第二次请求）定时从session中读取处理结果返回给前端，问题迎刃而解。

前端代码：

function doStartChg() {
	var timestamp = new Date().getTime();
	$("#loadingToast").show();
	$.ajax({
		type: 'post',
		url : '${ctxMain}/f/wechat/chg/startchg?time='+timestamp,
		timeout : 20000, //超时时间设置，单位毫秒
		async:true,
		success : function(resp, textStatus) {
			$("#loadingToast").hide();
			var jsonObj = eval('('+resp+')');
			if(jsonObj.success) {
				var data = jsonObj.data;
			}else {
				alert(jsonObj.message);
			}
		},
		error : function() {
			$("#loadingToast").hide();
		},
           complete: function (XMLHttpRequest,status) {
               if(status == 'timeout') {
               	alert("操作超时");
               }
           }
	});
}

后台代码：

@ResponseBody
@RequestMapping(value = "startchg")
public String startCharge(HttpServletRequest request, HttpServletResponse response) {
	String time = request.getParameter("time");
	String openid = (String)request.getSession().getAttribute("oid");
	String tmp = openid + "==" + time;
	
	long startTime = 0;
    long endTime = 0;
	Map<String,String> startMap = Maps.newHashMap();
	String signFromAjax = MD5.getMessageDigest(tmp.getBytes());
	String signFromSession = (String) request.getSession().getAttribute(signFromAjax);
    request.getSession().setAttribute(signFromAjax, signFromAjax);
    //处理浏览器Ajax重发问题
    if(signFromSession != null) {
    	for(int i = 0; i <10; i++) {
            try {
                Thread.currentThread().sleep(2000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            logger.info("====================start重发请求读取接口返回信息：第"+(i+1)+"次====================");
            Map<String, String> dataResultFromSession = (Map<String, String>)request.getSession().getAttribute(signFromAjax+"interfaceResult");
            if(dataResultFromSession != null) {
                request.getSession().removeAttribute(signFromAjax);
                request.getSession().removeAttribute(signFromAjax+"result");
                startMap = dataResultFromSession;
                break;
            }
            if(i == 9) {
            	startMap.put("success", "false");
            	startMap.put("message", "操作超时，请重试");
            }
        }
    }else {
    	startTime = new Date().getTime();
    	....
    	//业务处理
    	startMap = appTradeRecService.readyChargeOfStake(...);
    	....
    	endTime = new Date().getTime();
    	request.getSession().setAttribute(signFromAjax+"result", startMap);
    }
    if(endTime - startTime <= 10000) {
        request.getSession().removeAttribute(signFromAjax);
        request.getSession().removeAttribute(signFromAjax+"result");
    }
    
    return JsonMapper.nonDefaultMapper().toJson(startMap);
}