<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商家小票展示</title>
    
    <!-- 引入点金计划JSSDK -->
    <script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>
    
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            padding: 20px;
        }
        .receipt {
            max-width: 600px;
            margin: 0 auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .receipt-header {
            text-align: center;
            margin-bottom: 20px;
        }
        .receipt-header h1 {
            margin: 0;
            font-size: 24px;
            color: #333;
        }
        .receipt-details {
            margin-bottom: 20px;
        }
        .receipt-details h2 {
            margin-bottom: 10px;
            font-size: 18px;
            color: #666;
        }
        .receipt-details p {
            margin: 5px 0;
            font-size: 16px;
            color: #333;
        }
        .footer {
            text-align: center;
            margin-top: 30px;
            font-size: 14px;
            color: #999;
        }
    </style>
    
    <script>
        // 页面完全渲染完毕后，发送 onIframeReady 事件通知父页面
        window.onload = function() {
            let mchData = {
                action: 'onIframeReady',
                displayStyle: 'SHOW_CUSTOM_PAGE',
                height: 600  // 可根据需求自定义高度，范围600px到960px
            };
            
            // 将数据转化为 JSON 字符串
            let postData = JSON.stringify(mchData);
            
            // 通过 postMessage 通知父页面
            parent.postMessage(postData, 'https://payapp.weixin.qq.com');
            
            console.log('onIframeReady 事件已发送:', postData);
        };
    </script>
</head>
<body>


<div class="receipt">
    <div class="receipt-header">
        <h1>商家小票</h1>
    </div>


    <div class="receipt-details">
        <h2>订单信息</h2>
        <p><strong>商户号:</strong> 我是商户号</p>
        <p><strong>订单号:</strong> 我是订单号</p>
        <p><strong>交易单号:</strong> 我是微信支付单号</p>
    </div>


    <div class="footer">
        感谢您的购买！
    </div>
</div>


</body>
</html>

有用

17

Question 15

置顶商家转账API文档；文档还是写清楚点？

09-19

2773

Memory (私信不回复)

你前面APPID传的什么，transfer_detail_list里面的openid就传对应appid下获取的openid即可，有那么难理解么？

有用

5

Question 16

置顶微信会员卡?

09-19

1390

支付社区运营

可以通过手机端我-卡包操作删卡，删除完了再重新开卡

有用

0

Question 17

置顶小程序支付下单接口参数到底传还是不传?

09-18

12595

Memory (私信不回复)

普通商户号是不需要传的，你不传报错是因为你调用的接口是不正确的，普通商户是没办法调用服务商模式接口的

有用

1

Question 18

置顶微信支付配置好之后点击微信支付不显示二维码？

09-18

1301

Memory (私信不回复)

报错呢？不贴报错谁能猜到你啥问题

有用

4

Question 19

置顶微信支付收不到回调？

09-18

1779

Memory (私信不回复)

花生壳这个我测试过是没办法正常接收的

有用

4

Question 20

置顶工作流实现微信支付付款报错？

09-17

1174

支付社区运营

JSAPI缺少参数 total_fee请根据以下几点排查问题：

1）package参数格式错误，package参数格式应该是这样： package:"prepay_id=wx201410272009395522657a690389285100"

2）package参数没有获取，返回null。

3）请检查预支付会话标识prepay_id是否已失效

4）请求的appid与下单接口的appid是否一致

5）微信支付金额为“分”，不能有小数点

6）预支付ID为空（1、金额为空 2、订单编号重复 3、订单编号为空）

有用

0

最新提问
全部
文章
问答

置顶小程序下单未支付，后台改价后支付失败，调用关闭订单的方法也失效？

置顶微信小程序支付结果通知收不到参数，需要怎么处理？

置顶微信支付回调已经给微信返回xml数据了微信还调我接口是什么情况？

置顶关于调用第三方支付得问题？

置顶微信退款接口调用返回"订单不存在"的问题?商户号和appid确认无误

置顶微信支付后，订单查询，为什么直接硬编码代入正确的订单号调用接口，返回微信订单号非法？

置顶微信支付支付功能受限是什么原因？

置顶商家批次转账到零钱的问题？

置顶微信支付V3接口为什么提示证书序列号不对？

置顶在微信小程序中内嵌的h5需要调用微信支付，跳转到小程序页调用支付，出现支付签名验证失败，是什么问题？

置顶微信支付部分金额申请退款，提示：订单金额或退款金额与之前请求不一致，请核实后再试，怎么解决？

置顶调用支付JSAPI缺少参数: total_fee,到底是哪里出问题了?

置顶微信卡包-票证-发票-发票类型问题

置顶点金计划商家小票页面显示无法获取订单信息？

置顶商家转账API文档；文档还是写清楚点？

置顶微信会员卡?

置顶小程序支付下单接口参数到底传还是不传?

置顶微信支付配置好之后点击微信支付不显示二维码？

置顶微信支付收不到回调？

置顶工作流实现微信支付付款报错？

选择发帖类型

最新提问全部文章问答

置顶小程序下单未支付，后台改价后支付失败，调用关闭订单的方法也失效？

置顶微信小程序支付结果通知收不到参数，需要怎么处理？

置顶微信支付回调 已经给微信返回xml数据了 微信还调我接口 是什么情况？

置顶关于调用第三方支付得问题？

置顶微信退款接口调用返回"订单不存在"的问题?商户号和appid确认无误

置顶微信支付后，订单查询，为什么直接硬编码代入正确的订单号调用接口，返回微信订单号非法？

置顶微信支付 支付功能受限是什么原因？

置顶商家批次转账到零钱的问题？

置顶微信支付V3接口为什么提示证书序列号不对？

置顶在微信小程序中内嵌的h5需要调用微信支付，跳转到小程序页调用支付，出现支付签名验证失败，是什么问题？

置顶微信支付部分金额申请退款，提示：订单金额或退款金额与之前请求不一致，请核实后再试，怎么解决？

置顶调用支付JSAPI缺少参数: total_fee,到底是哪里出问题了?

置顶微信卡包-票证-发票-发票类型问题

置顶点金计划 商家小票页面显示无法获取订单信息？

置顶商家转账API文档；文档还是写清楚点？

置顶微信会员卡?

置顶小程序支付下单接口参数到底传还是不传?

置顶微信支付配置好之后点击微信支付不显示二维码？

置顶微信支付收不到回调？

置顶工作流实现微信支付付款报错？

选择发帖类型

最新提问
全部
文章
问答

置顶微信支付回调已经给微信返回xml数据了微信还调我接口是什么情况？

置顶微信支付支付功能受限是什么原因？

置顶点金计划商家小票页面显示无法获取订单信息？