html微信支付功能代码,H5调起微信支付功能(示例代码)

第一步：需要后端返回需要的以下参数：

该操作是你提交完订单信息后在接口所返回的json，

其次将其存储起来，我用的localStorage

var payParams = {

"appId":$wxData.appId,

"timeStamp":$wxData.timeStamp, //时间戳，自1970年以来的秒数

"nonceStr":$wxData.nonceStr, //随机串

"package": $wxData.package,

"signType":$wxData.signType, //微信签名方式：

"paySign":$wxData.paySign //微信签名

};

第二步：新建空白页面(订单支付按钮跳转后的页面)

function onBridgeReady() {

var req = localStorage.getItem("payParams");

if (!req) return;

else req = JSON.parse(req);

WeixinJSBridge.invoke(

‘getBrandWCPayRequest‘, req,

function(res) {

if (res.err_msg == "get_brand_wcpay_request:ok") {

// alert("支付成功");

} // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。

else {

console.log(res.err_msg);

//支付失败后的操作

window.location.href = "pay.html?ticketPrice="+$tickprice+"&actid="+$actid+"&ticketId="+$ticketId+"&sellerid="+$sellerid;

}

);

}

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();

}

完事了前端工作，但是就是跟后台配合获取微信名称，openid 等等可能比较耗费时间

html微信支付功能代码,H5调起微信支付功能(示例代码)相关推荐

前端怎么从H5调起微信扫描二维码?小程序使用扫码功能.
小程序如何使用扫码的功能呢? wx.scanCode(Object object) 参数属性类型默认值必填说明最低版本 onlyFromCamera boolean false 否是否只 ...
h5调起手机拍照功能
最近做了h5调起手机拍照功能,记录一下 <img width="149" height="149" alt="" onclick=&q ...
android 浏览器打开微信支付宝,Android通过webview调起微信和支付宝app进行支付
extraHeaders = new HashMap(); // extraHeaders.put("Referer", "http://zxpay.fss518.cn& ...
微信支付（关于h5支付与JSAPI支付）
微信支付(关于h5支付与JSAPI支付) 需求:如果在微信自带浏览器可直接调用支付(JSAPI支付),如果是在非微信浏览器(qq浏览器,safari-)拉取微信客户端再支付. 设置order.vue页 ...
python3图片转代码_python3图片转换二进制存入mysql示例代码
python3图片转换二进制存入mysql示例代码发布于 2014-09-29 18:00:01 | 198 次阅读 | 评论: 0 | 来源: 网友投递 Python编程语言Python 是一种面 ...
微信小程序webview(H5页面)调用微信小程序支付
1.业务描述:微信小程序商城入口进入的页面是商城H5页面,在H5页面进行微信支付如何实现: 2.微信小程序(webview访问H5页面)必须使用微信小程序支付: 如何实现以及实现方式以及支付后页面返回 ...
PHP 支付PC端扫码支付、APP接口调起支付宝支付、微信公众号接入支付宝支付
第一:第三方支付原理第二:支付接口申请流程地址:https://docs.open.alipay.com/270/105899/ : 参考地址:https://blog.csdn.net/nove ...
微信支付JSAPI 部分手机调不起支付原因
最近在研究调起微信支付,遇到了利用微信JSAPI提供中的wx.chooseWXPay()的方法,发现部分手机调不起支付,一直没有响应,但是部分苹果手机却调起成功了. 本菜鸟查询了整个发起支付的流程,都 ...
h5怎么获取微信用户openId，h5如何获取微信用户openId
最近公司需要做一个微信公众号,作为一个前端,我首当其冲,首先需要做一个 "微信和系统用户绑定"的功能:主要步骤为: 1.获取微信openid: 2.通过openid获取用户信息:无 ...

html微信支付功能代码,H5调起微信支付功能(示例代码)

html微信支付功能代码,H5调起微信支付功能(示例代码)相关推荐

最新文章

热门文章