微信H5支付 - 采坑篇

总结以前项目中微信支付问题,发现微信的H5支付有两种情况:

  • 一个是:微信内置浏览器支付;
  • 再一个就是:非微信端浏览器支付;

鉴于以上两种情况,内置浏览器打开网页支付和非微信浏览器打开支付的支付方式是不一样的。

所以,现在简单叙述一下。


1. 部分主要代码示下:

  • html代码:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .link{display: none;}
        .show{display: block;}
    </style>
</head>
<body>
    <a href="#1" class="link a2 show">不是微信端</a>
    <a href="#2" class="link a1">微信端</a>
<script src="js/jquery-3.1.0.min.js"></script>
<script>
    function isWeiXinPay() {
        var ua = window.navigator.userAgent.toLowerCase();

        console.log(ua);  // mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1

        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            return true;
        }
        else {
            return false;
        }
    }
    if(isWeiXinPay()){
        console.log(" 是来自微信内置浏览器");
        $(".a1").addClass("show");
        $(".a2").removeClass("show");
    }
    else{
        console.log("不是来自微信内置浏览器");
        $(".a2").addClass("show");
        $(".a1").removeClass("show");
    }
</script>
</body>
</html>

2. 需要注意的问题:

参考代码:onclick = " isWeiXinPay ( ' 参数 ' ) "

  • 函数在 onclick 点击事件中,携带的参数不能是··· ···?【数字?字符串?被转化成二进制?】
  • 具体的忘记了,项目封存,也没法查看源码了。只能:今日留一问,他日好查询。

猜你喜欢

转载自blog.csdn.net/qq_35393869/article/details/79916712