java版+支付宝支付和微信支付(二)详解编程语言

微信支付

上一篇文章介绍了支付宝支付的介入，今天来填坑，说一下微信支付的具体方法。
微信支付我用的是扫码支付，具体开通方法就不赘述，具体可以看官方文档，我用的是模式二，具体流程官方说的很清楚，很遗憾的是我没有找到官方的java版扫码支付的demo，因为时间紧任务重，就没有自己一点点研究，看了很多博客和资料，最后参考了一个博客文章，连接是：http://blog.csdn.net/u010449283/article/details/52195117，这位大神已经遇到了很多坑，给了很多解决方案，省了我很多事，在这我主要说说我遇到的坑和解决办法。

微信回调

参考上面的博客我们可以得到微信扫码支付的二维码，可以向微信支付了，但是支付成功后的回调我们返给微信时费了不少时间，因为和支付宝不同的是，微信支付用的xml进行传参，所以在支付成功后要给微信返回xml的返回结果。

    /** 
     * 微信支付订单 
     * @return 
     * @throws Exception  
     */ 
    @ResponseBody 
    @RequestMapping(value = "pay/wxPayOrder", method = RequestMethod.POST, produces = "application/xml") 
    public String wxPayOrder(HttpServletRequest request,HttpServletResponse response) throws Exception { 
        LOGGER.info("微信支付订单"); 
        。。。//处理支付逻辑 
        。。。 
//支付成功 
return "<xml><return_code><![CDATA[SUCCESS]]></return_code><return_msg><![CDATA[OK]]></return_msg></xml>"; 
 
//支付失败 
return "<xml><return_code><![CDATA[FAIL]]></return_code><return_msg><![CDATA[NO]]></return_msg></xml>";

支付成功页面跳转

由于微信支付只有异步通知没有同步通知，所以页面跳转需要用我们自己去跳转，我用的方法时js轮训查询订单支付情况，当订单支付后进行页面跳转，直接上代码

<script> 
    $(function(){ 
        getWeixinImage(); 
    }); 
 
    var num = 45; 
    var timer1;//检查订单状态 
    var timer2;//超时提醒 
    function weixinImageTimeout(){ 
        num = num-1; 
        if (1 <= num) { 
            $("#num").text(num); 
        } else if (1 > num){ 
            $('.sytTable_p').html('二维码已过期，<a href="javascript:getWeixinImage();"><span>刷新</a>页面重新获取二维码。'); 
            $("#weixinImageURL").attr("src","${staticPath }/static/images/timeout.png"); 
            //clearInterval(timer1); 
            clearInterval(timer2); 
        } 
    } 
 
    function getWeixinImage(){ 
        num=45; 
        $("#weixinImageURL").attr("src","createQRCode?orderNo="+'${orderNo}'); 
        $('.sytTable_p').html('距离二维码过期还剩<span id="num">45秒，过期后请刷新页面重新获取二维码。'); 
        timer1 = setInterval(function(){ 
            queryOrderState('${orderNo}'); 
        }, 3000);//设置3秒循环查询 
        // 二维码超时提醒 
        timer2 = setInterval(weixinImageTimeout, 1000);   
    } 
 
    function queryOrderState(orderNo){ 
        $.ajax({ 
            type: "POST", 
            url: "wxCheckOrderState", 
            data: {orderNo:orderNo}, 
            dataType: "json", 
            /* timeout: 4000, 
            async:false, */ 
            success: function(result) { 
                if(result.obj==1){ 
                    //直接跳到成功页 
                    window.location.href="pay/payStatus?orderNo="+orderNo; 
                } 
            } 
        }); 
    }    
 
    </script> 
 
<!--收银台--> 
<div class="sytCon"> 
  <div class="syt_div"> 
    <p>请您及时付款，以便订单尽快处理！订单号：${orderNo}</p> 
    <h3>应付金额：<span>${fee}</span>元</h3> 
  </div> 
  <table width="1000" class="sytTable"> 
    <tr> 
      <td class="sytTable_tit">微信支付</td> 
      <td colspan="2" class="sytTable_p">距离二维码过期还剩<span id="num">45</span>秒，过期后请刷新页面重新获取二维码。</td> 
      <!-- <a href="javascript:getWeixinImage();">获取失败 点击重新获取二维码  </a> --> 
    </tr> 
    <tr> 
      <td>&nbsp;</td> 
      <td width="294"><span class="sytTable_ewm"><img id="weixinImageURL" src="${staticPath }/static/images/loading.gif" /></span></td><!-- loading.gif --> 
      <td rowspan="2" class="sytTable_img"></td> 
    </tr> 
    <tr> 
      <td>&nbsp;</td> 
      <td><img src="${staticPath }/static/images/syt_ico.gif" /></td> 
    </tr> 
    <tr> 
      <!-- <td colspan="3" class="sytTable_link"><a href="#">选择其它支付方式</a></td> --> 
    </tr> 
  </table> 
</div>

效果图为

因为微信支付链接过期是时间2小时，我自己设置的是45秒，过了45秒之后换一个二维码，具体页面参照的是京东的微信支付页面。
由于最近比较忙，只是简单的记录了一下接入方式，如果有问题可以加qq454578193进行交流学习，也欢迎指正我的错误或提出更好的解决方案，谢谢。