H5页面微信支付

最新推荐文章于 2024-07-23 09:36:59 发布

新手村-村长

最新推荐文章于 2024-07-23 09:36:59 发布

阅读量195

点赞数

分类专栏：微信 JS 文章标签： H5微信支付微信内支付

本文链接：https://blog.csdn.net/qq_41939159/article/details/102518946

版权

JS 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

微信

1 篇文章 0 订阅

订阅专栏

H5页面微信支付（纯前端部分）

微信官方文档地址 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6

  //引入微信JS文件
  <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

//微信自带浏览器下
function onBridgeReady() {
  $.ajax({
    url: '后端大佬会提供接口',
    data: {...},
    time: 2000,
    success(res) {
      var resdata = res.data;
      WeixinJSBridge.invoke(
        'getBrandWCPayRequest', {
          "appId": resdata.appId,          //公众号名称，由商户传入
          "timeStamp": resdata.timeStamp,  //时间戳，自1970年以来的秒数
          "nonceStr": resdata.nonceStr,   //随机串
          "package": resdata.package,	  // 统一支付接口返回的prepay_id参数值
          "signType": resdata.signType,  //微信签名方式：
          "paySign": resdata.paySign 	//微信签名
        },
        function (res) {
          if (res.err_msg == "get_brand_wcpay_request:ok") {
          //res.err_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。
            console.log('支付成功')
          }
          if (res.err_msg == "get_brand_wcpay_request:cancel") {
           console.log('支付取消')
          }
          location.href = '成功或取消后跳转的页面';
        });
    },
    error(status) {
      console.log(`some error status = ${status.msg}`);
    }
  })
};
//为了避免进去马上就调用出错，获取微信初始化完成响应事件，初始化完成调用onBridgeReady进行绑定
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();
 }