支付宝JS支付

通过 统一支付API 下单

下单

payment=ALIPAY，trade_type=JSAPI，sence_info

示例：

{
  "payment": "ALIPAY",
  "trade_type": "JSAPI",
  "fee": 100,
  "out_trade_no": "202203251800001",
  "body": "云商品",
  "client_ip": "61.144.11.222",
  "notify_url": "http://p.abc.com/callback/202203251800001/",
  "app_id": "wxf636efh567hg4356",
  "open_id": "o-MYE42l80oelYMDE34nYD456Xoy",
  "origin_fee": 120,
  "shop_id": "s1000120001"
}

下单成功返回的pay_info

名称	类型	说明
trade_no	String	唤起支付宝钱包的交易号

调起支付宝支付

<h1>点击以下按钮唤起收银台支付</h1>
<a href="javascript:void(0)" class="tradeno">支付宝交易号唤起支付</a>
<script>
    function ready(callback) {
        // 如果jsbridge已经注入则直接调用
        if (window.AlipayJSBridge) {
            callback && callback();
        } else {
            // 如果没有注入则监听注入的事件
            document.addEventListener('AlipayJSBridgeReady', callback, false);
        }
    }

    ready(function () {
        document.querySelector('.tradeno').addEventListener('click', function () {
            AlipayJSBridge.call("tradePay", {
                tradeNO: "201802282100100427058809844"
            }, function (result) {
                alert(JSON.stringify(result));
            });
        });
    });
</script>

官方文档：https://opendocs.alipay.com/open/02502j