參考地址: 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) { //支付取消 } }); } }); }