小程序支付及H5支付前端代码小结

小程序支付和H5支付前端都不需要引入其他的js , 只需要后台将相关的参数

（

timeStamp: '',
nonceStr: '',
package: '',
signType: 'MD5',
paySign: '',

）

返回来就可以发起微信支付。

 

小程序支付：

wx.requestPayment({
  timeStamp: '',
  nonceStr: '',
  package: '',
  signType: 'MD5',
  paySign: '',
  success (res) { },
  fail (res) { }
})

 

H5支付：

 1  callpay(needData) {
 2    let that = this;
 3     if (typeof WeixinJSBridge == "undefined") {
 4           if (document.addEventListener) {
 5                document.addEventListener('WeixinJSBridgeReady', that.jsApiCall, false);
 6           } else if (document.attachEvent) {
 7               document.attachEvent('WeixinJSBridgeReady', that.jsApiCall);
 8               document.attachEvent('onWeixinJSBridgeReady', that.jsApiCall);
 9            }
10            } else {
11               that.jsApiCall(needData);
12          }
13   },
14    jsApiCall(needData) {
15         let that = this;
16         WeixinJSBridge.invoke(
17             'getBrandWCPayRequest', {
18               "appId": needData.appId,
19              "timeStamp": needData.timeStamp,
20                "nonceStr": needData.nonceStr,
21                 "package": needData.package,
22                 "signType": needData.signType,
23                  "paySign": needData.paySign,
24                   },
25                   function (res) {
26                       
27                             if (res.err_msg == "get_brand_wcpay_request:ok") {
28                                 // alert('微信支付成功!');
29                                 if (that.alonePay == true) { //单独购买
30                                     window.location.href = "courseList.html" + "?goods_id=" + that
31                                         .goods_id;
32                                 } else { //拼团购买
33                                     window.location.href = "groupDetail.html" + "?group_id=" + that
34                                         .group_id + "&goods_id=" + that.goods_id;
35                                 }
36                                 // window.location.href = "index.html";
37                                 //                        window.location.href="http://h5.taotiangou.cn";
38                             } else if (res.err_msg == "get_brand_wcpay_request:cancel") {
39                                 alert('已取消微信支付!');
40                                 // window.location.href = "index.html";
41                                 //                        window.location.href="http://h5.taotiangou.cn";
42                             } else if (res.err_msg == "get_brand_wcpay_request:fail") {
43                                 alert('微信支付失败!');
44                                 // window.location.href = "index.html";
45 
46                                 //                        window.location.href="http://h5.taotiangou.cn";
47                             }
48                         }
49                     );
50                 },

 

posted @ 2019-06-05 09:55  茶记忆  阅读(1984)  评论(0)  编辑  收藏  举报