jsapi调起支付 demo

JSAPI（JavaScript API）是一种调用微信支付的接口，可用于网页上的支付功能。下面是一个简单的JSAPI调起支付的示例代码：

首先，需要引入微信的JS文件和调用JSAPI的相关代码：

<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
    // 微信JS-SDK配置
    wx.config({
        debug: false,
        appId: 'YOUR_APPID',
        timestamp: '',  // 生成签名的时间戳
        nonceStr: '',   // 生成签名的随机串
        signature: '',  // 签名
        jsApiList: ['chooseWXPay']  // 需要使用的JSAPI列表
    });

    // 支付按钮点击事件
    document.getElementById('payBtn').addEventListener('click', function () {
        // 调用微信支付接口
        wx.chooseWXPay({
            timestamp: '',  // 生成支付的时间戳
            nonceStr: '',   // 生成支付的随机串
            package: '',    // 统一下单接口返回的 prepay_id 参数值
            signType: '',   // 签名类型，默认为'SHA1'
            paySign: '',    // 支付签名
            success: function (res) {
                // 支付成功的回调函数
                alert('支付成功！');
            },
            fail: function (res) {
                // 支付失败的回调函数
                alert('支付失败！');
            }
        });
    });
</script>

<button id="payBtn">支付</button>

以上是一个简单的JSAPI调起支付的demo。首先在页面中引入微信的JS文件，然后在JS代码中配置微信JS-SDK，包括设置appId、timestamp、nonceStr和signature等参数。

接着，给一个按钮添加点击事件，点击按钮时调用`wx.chooseWXPay()`方法来调起微信支付。在`chooseWXPay()`方法中，需要传入支付所需的参数，如支付的时间戳、随机串、预支付id（prepay_id）、签名类型和支付签名等。

最后，根据支付结果的回调，处理支付成功和支付失败的情况，可以在`success`和`fail`的回调函数中添加相关的处理逻辑。

以上就是一个简单的JSAPI调起支付的示例。通过这段代码，我们可以在网页中实现调起微信支付的功能。