h5调用ping++发起支付

最新推荐文章于 2025-06-06 17:39:16 发布

灿尔哈擦苏

最新推荐文章于 2025-06-06 17:39:16 发布

阅读量1.2w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： web前端开发文章标签：支付宝微信 h5 支付接口前端调用支付接口

本文链接：https://blog.youkuaiyun.com/susuzhe123/article/details/70238947

web前端开发专栏收录该内容

82 篇文章

订阅专栏

本文档提供了一套详细的PingXX支付系统集成指南。包括从官方文档获取资源、下载并引入必要的pingpp.js文件，到如何使用后端返回的数据进行支付处理的全过程。特别介绍了针对不同支付结果（成功、失败、取消）的回调函数使用方法。

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

1.https://www.pingxx.com/docs/client/web这是官方文档的地址

2.需要到GitHub上下载pingpp.js这个文件

3.在页面引入这个js

pingpp.createPayment(data.data, function(result, err){
	console.log(result);
	console.log(err.msg);
	console.log(err.extra);
	if (result == "success") {
	 // 只有微信公众账号 wx_pub 支付成功的结果会在这里返回，其他的支付结果都会跳转到 extra 中对应的 URL。
	} else if (result == "fail") {
	 // charge 不正确或者微信公众账号支付失败时会在此处返回
	} else if (result == "cancel") {
	 // 微信公众账号支付取消支付
	}
});

其中data.data是后端给返回的一段数据，直接替换掉就可以了

在成功之后会自动跳转到相关的支付页面