微信JSSDK_支付的使用,驗證成功
阿新 • • 發佈:2019-02-20
<pre name="code" class="html"><span style="font-size:18px;"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <script type="text/javascript" src="assets/js/lib/jquery.js"></script> <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script type="text/javascript"> $(function() { $.ajax({ type: 'post', url: '', //後臺提供的配置介面資料 dataType: 'json', async: false, data: { url: '' //傳入要微信註冊的地址 }, success: function(data) { wx.config({ debug: false, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。 appId: data.appId, // 必填,公眾號的唯一標識 timestamp: data.timestamp, // 必填,生成簽名的時間戳 nonceStr: data.nonceStr, // 必填,生成簽名的隨機串 signature: data.signature, // 必填,簽名,見附錄1 jsApiList: [ "chooseWXPay" ] // 所有要呼叫的 API 都要加到這個列表中 }); } }); $('a').on('click', function() { wx.ready(function() { // config資訊驗證後會執行ready方法,所有介面呼叫都必須在config介面獲得結果之後,config是一個客戶端的非同步操作,所以如果需要在頁面載入時就呼叫相關介面,則須把相關介面放在ready函式中呼叫來確保正確執行。對於使用者觸發時才呼叫的介面,則可以直接呼叫,不需要放在ready函式中。 wx.chooseWXPay({ appId: 'wx23841cce7185b550', timestamp: '1461300911', // 支付簽名時間戳,注意微信jssdk中的所有使用timestamp欄位均為小寫。但最新版的支付後臺生成簽名使用的timeStamp欄位名需大寫其中的S字元 nonceStr: '5719aeafb587f', // 支付簽名隨機串,不長於 32 位 package: 'prepay_id=wx20160422125512b7d2205c9c0913643939', // 統一支付介面返回的prepay_id引數值,提交格式如:prepay_id=***) signType: 'MD5', // 簽名方式,預設為'SHA1',使用新版支付需傳入'MD5' paySign: '5DAB1DDABE1AD34E8FF3386AE971B727', // 支付簽名 success: function(res) { // 支付成功後的回撥函式 if (res.errMsg == "chooseWXPay:ok") { //支付成功 alert('支付成功'); } else { alert(res.errMsg); } }, cancel: function(res) { //支付取消 alert('支付取消'); } }); }); }); }); </script> </head> <body> <a style="font-size: 20px;">貢獻一下</a> </body> </html></span>