公众号支付（服务商模式）之点金计划
注意事项：
- 点金计划文档内的重点内容（3.4 商家小票开发指引）
- 点金计划小票相关页面必须按照设计图规范
- 点金计划小票页面可以进行调试（3.3.1 第一步：配置“商家小票链接”）
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>支付完成</title>
<script
type="text/javascript"
charset="UTF-8"
src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"
></script>
<script
type="text/javascript"
src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"
></script>
<script
type="text/javascript"
src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"
></script>
<style type="text/css">
body {
max-width: 640px;
margin: 0 auto;
text-align: center;
font-size: 0;
font-family: PingFang SC, "Helvetica Neue", Arial, sans-serif;
}
.title {
font-size: 22px;
color: #000000;
line-height: 30px;
margin: 10px auto 25px auto;
}
.jump {
width: 105px;
height: 32px;
border-radius: 2px;
border: 1px solid #eeeeee;
font-size: 16px;
color: #666666;
line-height: 32px;
margin: 0 auto;
float: left;
}
</style>
</head>
<body>
<div class="title">
支付成功
</div>
<div class="jump" id="jump">查看订单</div>
<script type="text/javascript">
// 初始化console，正式环境不建议启用
// var vConsole = new VConsole();
// 获取url地址内的参数
function getQueryString(name) {
return (
decodeURIComponent(
(new RegExp("[?|&]" + name + "=" + "([^&;]+?)(&|#|;|$)").exec(
location.href
) || [, ""])[1].replace(/\+/g, "%20")
) || null
);
}
//获取参数
var sub_mch_id = getQueryString("sub_mch_id"); // 特约商户号
console.log("特约商户号 sub_mch_id ===>", sub_mch_id);
var out_trade_no = getQueryString("out_trade_no"); // 商户订单号
console.log("商户订单号 out_trade_no ===>", out_trade_no);
var check_code = getQueryString("check_code"); // md5 校验码
console.log("md5校验码 check_code ===>", check_code);
// 订单详情跳转地址
var jumpLink = "url地址";
// 开发文档规定的url
var payappUrl = "https://payapp.weixin.qq.com";
// 初始化小票
var initData = {
action: "onIframeReady",
displayStyle: "SHOW_CUSTOM_PAGE",
};
var initPostData = JSON.stringify(initData);
parent.postMessage(initPostData, payappUrl);
// 注册点击事件(订单详情)
document.getElementById("jump").onclick = function() {
var mchData = {
action: "jumpOut",
jumpOutUrl: jumpLink, // 跳转的页面
};
var postData = JSON.stringify(mchData);
parent.postMessage(postData, payappUrl);
};
// 如需展示订单信息，启用以下代码
// $.ajax({
// type: "POST",
// url: "api地址",
// data: {
// out_trade_no: out_trade_no,
// check_code: check_code,
// },
// dataType: "json",
// success: function(data) {
// console.log(data);
// if (data.status == "success") {
// // 注册点击事件(查看订单)
// document.getElementById("jump").onclick = function() {
// var mchData = {
// action: "jumpOut",
// jumpOutUrl: jumpLink, // 跳转的页面
// };
// var postData = JSON.stringify(mchData);
// parent.postMessage(postData, payappUrl);
// };
// }
// },
// });
</script>
</body>
</html>
Powered by Waline v2.15.8