lml-lml
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>微信支付</title>
	</head>
	<body>
	<button id="btn" style="width:200px,height: 200px;" onclick="pay()">支付</button>
        <script>
        //获取支付结果
          function  onBridgeReady() {
          	var data= 
                   {
                    "timeStamp":"1539754896588",
                    "package":"prepay_id=wx17134136728417a78df255d42332351216",
                    "paySign":"8A1FC464952FF8DF70D399F132049BC0",
                   "appId":"wx34284214d7a79ba1",
                   "signType":"MD5",
                  "nonceStr":"26c74a560172571a0f43a56ca0220c55"
                 };
                   WeixinJSBridge.invoke(\'getBrandWCPayRequest\', data, function (res) {
                    if (res.err_msg == "get_brand_wcpay_request:ok") {
                       alert("支付成功", \'middle\')
                    } else if (res.err_msg == "get_brand_wcpay_request:cancel") {
                       alert("支付取消", \'middle\')
                    } else {
                       alert("支付失败", \'middle\')
                    }
                    //可以在这里打印支付返回的信息
                });
            };

            //发起支付
           function pay() {
                //可以在此处查看是否发起支付
                if (typeof WeixinJSBridge == "undefined") {
 
                    if (document.addEventListener) {
                        document.addEventListener(\'WeixinJSBridgeReady\', onBridgeReady, false);
                    } else if (document.attachEvent) {
                        document.attachEvent(\'WeixinJSBridgeReady\', onBridgeReady);
                        document.attachEvent(\'onWeixinJSBridgeReady\', onBridgeReady);
                    }
                } else {
                    onBridgeReady();
                }
            };

        </script>
	</body>
</html>


分类:

技术点:

相关文章: