微信公衆號支付JSSDK

參考地址: https://www.cnblogs.com/oppoic/p/6132533.htmljavascript

 

1、調用微信的JS文件html

1.首先要綁定【JS接口安全域名】,「公衆號設置」的「功能設置」中java

2.引入JS文件ajax

 備註:支持使用 AMD/CMD 標準模塊加載方法加載api

1 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

3.經過config接口注入權限驗證配置安全

wx.config({
    debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來,若要查看傳入的參數,能夠在pc端打開,參數信息會經過log打出,僅在pc端時纔會打印。
    appId: '', // 必填,公衆號的惟一標識
    timestamp: , // 必填,生成簽名的時間戳
    nonceStr: '', // 必填,生成簽名的隨機串
    signature: '',// 必填,簽名,見附錄1
    jsApiList: ['chooseWXPay'] // 必填,須要使用的JS接口列表,這裏只寫支付的
});

 

 

 

用戶點擊支付觸發的函數(微信JSSDK的chooseWXPay函數):微信

複製代碼
        function startWxPay() {
            $.ajax({
                type: "POST",
                url: "/WxPay/GetPaySign",
                data: { code: code, openid: openid },
                beforeSend: function () {
                    $("#btnPay").attr({ "disabled": "disabled" });
                },
                success: function (res) {
                    $("#btnPay").removeAttr("disabled");
                    if (res.openid != null && res.openid != undefined && res.openid != "") {
                        window.localStorage.setItem("openid", res.openid);
                    }
                    wx.chooseWXPay({
                        timestamp: res.data.timeStamp, // 支付簽名時間戳
                        nonceStr: res.data.nonceStr, // 支付簽名隨機串,不長於32 位
                        package: res.data.package, // 統一支付接口返回的prepay_id參數值,提交格式如:prepay_id=***)
                        signType: "MD5", // 簽名方式,默認爲'SHA1',使用新版支付需傳入'MD5'
                        paySign: res.data.paysign, // 支付簽名
                        success: function (res) {
                            //支付成功
                        },
                        cancel: function (res) {
                            //支付取消
                        }
                    });
                }
            });
        }
複製代碼
相關文章
相關標籤/搜索