vue h5支付宝支付假设接口

最新推荐文章于 2025-06-05 07:23:59 发布

原创

最新推荐文章于 2025-06-05 07:23:59 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

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

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