1. 首页
  2. >
  3. 技术代码
  4. >
  5. 前端技术

js前端调用支付宝扫码(扫一扫按钮)功能

如何用js来调用支付宝的扫码功能呢,这篇文章简单的带你来实现一遍。

在html文档head标签中引用支付宝文档:

<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>
在js中写入以下代码来调用支付宝扫一扫:

var scanBtn = document.getElementById('scanBtn');
//调用支付宝扫一扫
scanBtn.onClick = function(){
  ap.scan(
      {type:'bar' },//默认qr  可选有bar 条形码  qr 二维码
      function(res){
        console.log(res.code); /* 查询到的信息 */
        //do something...
  })
}