引入微信的JSSDK ~~~ <!--微信的JSSDK--> <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> ~~~ ~~~ function pay(){ showLoading() fetch("/trans/mp_pay", { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id, '_token': '{{ csrf_token() }}' }) }).then(response => response.json()).then(data => { hideLoading() if(data.code == 419){ mui.alert('', data.msg,'?????? ??????? ?????', function (){ location.href = '{{ route('trans.vip', ['type'=>'login']) }}' }) return false; } //彈出支付窗口 wx.chooseWXPay({ timestamp: data.timeStamp, // 支付簽名時間戳， nonceStr: data.nonceStr, // 支付簽名隨機串，不長于 32 位 package: data.package, // 統一支付接口返回的prepay_id參數值，提交格式如：prepay_id=xxxx） signType: data.signType, // 簽名方式，默認為'SHA1'，使用新版支付需傳入'MD5' paySign: data.paySign, // 支付簽名 success: function (res) { // 支付成功后的回調函數 console.log(res) // res.errMsg === 'chooseWXPay:ok'方式判斷前端返回,微信團隊鄭重提示： // res.errMsg將在用戶支付成功后返回ok，但并不保證它絕對可靠， 切記。 if (res.errMsg === 'chooseWXPay:ok') { mui.toast('??? ????? ?????',{ duration:'long', type:'div' }) setTimeout(()=>{ location.reload() },2000) } }, cancel: function (res) { mui.toast('??? ????? ?????? ?????!',{ duration:'long', type:'div' }) }, // 支付失敗回調函數 fail: function (res) { mui.toast('??? ????? ?????? ?????!',{ duration:'long', type:'div' }) } }); }).catch(error => { console.error('error') }) } ~~~