vue h5支付宝支付假设接口

最新推荐文章于 2024-08-07 09:17:41 发布

呱嗨喵

最新推荐文章于 2024-08-07 09:17:41 发布

阅读量1.2k

点赞数

分类专栏： uniapp js vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/YUlangML/article/details/123704653

版权

vue 同时被 3 个专栏收录

52 篇文章 0 订阅

订阅专栏

uniapp

44 篇文章 1 订阅

订阅专栏

40 篇文章 0 订阅

订阅专栏

该段代码展示了在uni-app中调用后端充值接口进行H5和APP-PLUS支付的过程。通过uni.request发送POST请求，根据平台环境选择不同的支付方式，H5环境下创建并提交表单进行支付宝支付，APP-PLUS环境下使用uni.requestPayment发起微信或支付宝支付。

摘要由CSDN通过智能技术生成

		uni.request({
						url: this.global.url + "/api/user/recharge",
						method: "POST",
						header: {
							'content-type': 'application/x-www-form-urlencoded'
						},
						data: {
							token: uni.getStorageSync("token").token,
							paytype: that.activeRadio,
							// #ifdef H5
								method: "wap",
							// #endif
							// #ifdef APP-PLUS
								method: "app",
							// #endif
							
							money: that.moy,
						},
						success: (res) => {
						
							if (res.data.code == 1) {
								// #ifdef H5
								let divForm = document.getElementsByTagName('divform')
								if (divForm.length) {
									document.body.removeChild(divForm[0])
								}
								const div = document.createElement('divform')
								div.innerHTML = res.data.data // res.data就是sb支付宝返回给你的form
								document.body.appendChild(div)
								// document.forms[0].setAttribute('target', '_blank') // 加了_blank可能出问题所以我注释了
								document.getElementById('alipay_submit').submit()
								// #endif
								
								
								// #ifdef APP-PLUS
									uni.requestPayment({
										provider: that.activeRadio,
										orderInfo: res.data.data,
										success: function(res) {}
									});
								// #endif
							
								
								
							}
					
					
						}
					})