h5调用JSAPI支付

最新推荐文章于 2025-06-27 18:00:20 发布

迷茫的码奴

最新推荐文章于 2025-06-27 18:00:20 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：公众号 js 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_47826037/article/details/121772645

js 同时被 2 个专栏收录

13 篇文章

订阅专栏

公众号

4 篇文章

订阅专栏

这段代码展示了在H5环境下如何调用微信支付接口进行支付操作。首先，通过后台接口获取支付所需参数，然后利用WeixinJSBridge的getBrandWCPayRequest方法触发支付请求。支付成功后，显示提示并跳转到支付成功页面。若支付失败，则显示错误提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	// #ifdef H5
				//调用后台接口
				
					NET.request(API.gotojsapiPay, submitResult, 'POST').then(res => {
						WeixinJSBridge.invoke(
							'getBrandWCPayRequest', {
								"appId": res.data.appId, //公众号ID，由商户传入     
								"timeStamp": res.data.timeStamp, //时间戳，自1970年以来的秒数     
								"nonceStr": res.data.nonceStr, //随机串     
								"package": res.data.package,
								"signType": res.data.signType, //微信签名方式：     
								"paySign": res.data.paySign //微信签名 
							},
							function(res) {
								console.log(res, '支付成功的信息')
								// 支付成功后的回调函数
								uni.showToast({
									icon: 'none',
									title: '支付成功'
								})
								uni.navigateTo({
									url: 'paySuccessful?orderId=' + that.orderId//返回成功支付页面
								})
								if (res.err_msg == "get_brand_wcpay_request:ok") {
									console.log('oooo')
									// 使用以上方式判断前端返回,微信团队郑重提示：
									//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
								}
							});
						//console.dir(res)
						// location.replace(res.data.mwebUrl)
						// window.location.replace(url)
					}).catch(err => {
						this.submitActive = true
						uni.hideLoading()
						uni.showToast({
							title: '支付失败',
							icon: 'none'
						})
					})