H5页面调用微信支付

1、H5页面使用微信支付,首先需要注册微信公众号,在设置与开发>公众号设置>功能设置中配置业务域名、JS接口安全域名、网页授权域名。支付功能页面需在此域名链接下的页面。

3、获取后调用方法唤起支付窗口。

4、如果用户在支付窗口上选择了取消支付,调用接口修改此预支付订单状态,和支付成功订单区别开。这个wechatPayId就是上面预支付订单的id(根据后台方法,传入的参数不一定与此处传的一样,具体根据后台方法逻辑进行改变)。

function cancelPayMoney(){
          
   
	$.ajax({
          
   
		type:"post",
		url:path+"/wechatPay/cancelPay",
		data:{
          
   
			"id":wechatPayId,
		},
		dataType: "json", 
		async:false,
		success:function(result){
          
   
			
		},
		error:function(){
          
   
			console.log("取消订单失败"+"");
		}
	})
}
经验分享 程序员 微信小程序 职场和发展