关于微信支付由H5页面修改为类似于微信支付手机充值的效果

上周由于工作需要，需将微信支付的H5页面跳转修改为AJAX点击后直接出发的效果。下面是之前采用的微信支付的JS代码：

function onBridgeReady(){WeixinJSBridge.invoke('getBrandWCPayRequest', {"appId" ： "wxxxxxxxxxxxxxxxxxxx<span style="font-family: Arial, Helvetica, sans-serif;">",     //公众号名称，由商户传入     </span>
"timeStamp"：" 1395712654",         //时间戳，自1970年以来的秒数     "nonceStr" ： "e614daffafadsfdsffdfdfdfdf", //随机串     "package" ： "prepay_id=u802345jgfjsdfgsdg123",     "signType" ： "MD5",         //微信签名方式：     "paySign" ： "70EA570631E4BB79628FBCA90534C63FF7FDFT89" //微信签名 },function(res){     if(res.err_msg == "get_brand_wcpay_request：ok" ) {}     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。 });
}
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();
}

改成AJAX提交触发之后，使用上述JS代码，却总是提示：“缺少必要参数：APPID“，最后又将微信支付官方的 JS-SDK说明文档。看完之后，我重新按照文档提供的微信支付的方法：chooseWXPay，其方法如下：

wx.chooseWXPay({timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符nonceStr: '', // 支付签名随机串，不长于 32 位package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'paySign: '', // 支付签名success: function (res) {// 支付成功后的回调函数}
});

当使用方法chooseWXPay的时候，请务必按照微信官方的步骤依次进行，具体步骤就不在这里阐明，请查看微信官方文档。

关于微信支付由H5页面修改为类似于微信支付手机充值的效果相关推荐

微信公众号H5页面支付JSAPI
1:在微信环境下,我们需要获取到code,拿code去获取openid,在获取openid的时候有2种参数分别是:snsapi_base和snsapi_userinfo,snsapi_base只为获取 ...
微信小程序嵌套h5页面怎么实现小程序支付
微信小程序嵌套h5页面怎么实现小程序支付小程序嵌套h5页面怎么实现小程序支付小程序中嵌套h5页面,但是不能再h5页面拉起小程序支付,这时是需要小程序方拉起支付目前的流程,外链发送订单请求拿到预支付 ...
微信浏览器iframe嵌套h5，h5页面不能调起微信支付问题处理
微信浏览器iframe嵌套h5,h5页面不能调起微信支付问题处理第一步: 微信公众号配置网页授权域名,拿用户openid 第二步: h5页面跳转后端微信静默授权,拿到用户的openid 第三步: 微 ...
微信内置浏览器调试和调试微信内的H5页面汇总（持续更新...)
调试PC端微信内置浏览器(只支持3.2.1以下的) (1)添加以下代码, 查看chrome版本和内核安放位置 <html><script type="text/javasc ...
利用python生成微信h5_Python + Appium 微信公众号 H5 页面自动化测试
本文内容在以下环境运行成功: Windows10 Python2.7 android-sdk_r24.4.1 Appium-windows-1.15.1 chromedriver_2.40 小米手机 ...
微信URL Scheme码+长链接转短链接+短链接通过h5页面跳转到微信小程序
微信URL Scheme码+长链接转短链接+短链接通过h5页面跳转到微信小程序 --生成微信URL Scheme码-->长链接转换成短链接-->通过短信进行推广-->用户访问营销短信 ...
微信公众号H5页面开发--微信JS-SDK引用
微信公众号H5页面开发–微信JS-SDK引用微信提供了微信公众号开发者手册,官方地址:https://mp.weixin.qq.com/ 公众号内许多复杂的业务场景,都是通过网页形式来提供服务,这时 ...
前端实现微信公众号h5页面跳转小程序-成功案例
微信公众号h5页面跳转小程序-成功案例微信公众号h5页面跳转小程序-成功案例,标题已经明确说明,h5页面可以正常跳转微信小程序官网说可以,不是我说的文章目录微信公众号h5页面跳转小程序-成功案 ...
微信 PC 端h5页面打开的内置浏览器开发者工具界面
困境项目开发的h5页面需要在微信端支持转发.分享功能,以及企业微信授权等相关权限功能,h5页面功能开发可以直接在Chrome浏览器的移动端模式开发,但是涉及微信权限时的一些功能,则需要在微信和企业微 ...

关于微信支付由H5页面修改为类似于微信支付手机充值的效果

关于微信支付由H5页面修改为类似于微信支付手机充值的效果相关推荐

最新文章

热门文章