支付宝交易号调用支付宝支付功能

我孙七七

于 2023-02-09 15:27:56 发布

阅读量1.1k

点赞数

分类专栏： vue 支付宝文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_40447559/article/details/128953868

版权

vue 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

支付宝

1 篇文章 0 订阅

订阅专栏

首先需要在h5中引入阿里提供的jssdk

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

在当前页面中调用支付宝sdk提供的唤醒支付功能，方法如下

<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>

以下为通过支付宝订单字符串唤起支付宝支付功能方法

<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>