前端在H5中唤起微信支付和支付宝支付

//微信支付
			wxPay(userId,Id,grade_id){自己写的方法,点击微信支付按钮调用
                 //发起请求 $.ajax({ type: "post", url: URLS.WXPAY_URL,//后端给的接口 data: {id: Id,user_id:userId,grade_id:grade_id},//传递后端需要的参数id什么的 success: function (res) { var resData = JSON.parse(res);//先转换一下格式
window.location.href = resData.data //直接跳转到接口返回来的支付链接 } }) },

 

//支付宝支付
			AliPay(userId,Id,grade_id){//自己写的点击事件,点击支付宝支付按钮调用
				$.ajax({
				    type: "post",
				    url: URLS.ALIPAY_URL,//后端给的支付宝支付请求接口
				    data: {id: Id,user_id:userId,grade_id:grade_id},//需要的参数
				    success: function (res) {
						var resData = JSON.parse(res);//转换一下格式
                                                //后端返回的数据类似一个form表单,创建一个div后执行表单的submit就OK了
						const div = document.createElement(‘div‘)
						div.id = ‘alipay‘
						div.innerHTML = resData.data
						document.body.appendChild(div)
						document.querySelector(‘#alipay‘).children[0].submit() // 执行后会唤起支付宝
				    }
				})
			}

 

前端在H5中唤起微信支付和支付宝支付

上一篇:微信小程序


下一篇:微信小程序限定位置范围