web移动端调用支付宝支付

支付宝支付

1. 利用 ap.tradePay(OPTION | orderStr, CALLBACK) 接口实现支付宝支付

可直接传入一个字符串作为 OPTION.orderStr参数

1. OPTION 参数说明

名称	类型	必填	描述
tradeNO	String	否	交易号，多个交易号请用英文分号;分隔
partnerID	String	否	商户id
bizType	String	否	交易类型，默认为 ‘trade’
bizSubType	String	否	交易子类型
bizContext	String	否	支付额外的参数，格式为JSON字符串
orderStr	String	否	完整的支付参数拼接成的字符串，从服务端获取。需要入驻蚂蚁金服开放平台

2. CALLBACK 参数说明

名称	类型	描述
resultCode	String	支付结果状态码，详见下表

3. resultCode 支付状态码说明：

resultCode	描述
9000	订单支付成功
8000	正在处理中
4000	订单支付失败
6001	用户中途取消
6002	网络连接出错
99	用户点击忘记密码导致快捷界面退出(only iOS)

4. 代码示例

4.1 支付宝交易号唤起支付

<!-- 引入 -->
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>

<!-- 按钮 -->
<button id="J_btn" class="btn btn-default">支付</button>

<script>
  // 触发事件
  var btn = document.querySelector('#J_btn');
  btn.addEventListener('click', function(){
    ap.tradePay({
      tradeNO: '201802282100100427058809844'
    }, function(res){
      ap.alert(res.resultCode);
      // 你支付成功后要处理的逻辑
    });
  });
</script>

4.2 支付宝订单字符串唤起支付

注：外部商户类APP支付orderStr字串拼接方式可参考 这篇文档

<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>

<button id="J_btn" class="btn btn-default">支付</button>
<script>
  var btn = document.querySelector('#J_btn');
  btn.addEventListener('click', function(){
    ap.tradePay({
      orderStr: 'timestamp=2016-12-27%2018%3A00%3A00&method=alipay.trade.app.pay&app_id=2014073000007292......'
    }, function(res){
      ap.alert(res.resultCode);
      // 你支付成功后要处理的逻辑
    });
  });
</script>

支付宝H5开放文档

记录于 2019-3-26 20 : 38