<a href="#" class="flex btn-block btn-primary mui-btn mui-btn-block mui-disabled js-wechat-pay">提交订单</a>
//mui-btn mui-btn-block mui-disabled js-wechat-pay 必须的class
<script>
window.sysinfo = {
{if !empty($_W['uniacid'])}'uniacid': '{$_W['uniacid']}',{/if}
{if !empty($_W['acid'])}'acid': '{$_W['acid']}',{/if}
{if !empty($_W['openid'])}'openid': '{$_W['openid']}',{/if}
{if !empty($_W['uid'])}'uid': '{$_W['uid']}',{/if}
'siteroot': '{$_W['siteroot']}',
'siteurl': '{$_W['siteurl']}',
'attachurl': '{$_W['attachurl']}',
'attachurl_local': '{$_W['attachurl_local']}',
'attachurl_remote': '{$_W['attachurl_remote']}',
{if defined('MODULE_URL')}'MODULE_URL': '{MODULE_URL}',{/if}
'cookie' : {'pre': '{$_W['config']['cookie']['pre']}'}
};
//发起微信支付,微信支付依赖于 WeixinJSBridge 组件,所以发起时应该在ready事件中进行
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
$('.js-wechat-pay').removeClass('mui-disabled');
$('.js-wechat-pay').click(function(){
//先通过AJAX获取最新的订单号
var money=$('#moneys').text();//总价
var ordernums=$('#ordernums').val();
var hid=$('#hid').val();
if(money){
util.pay({
orderFee : money,
payMethod : 'wechat',
orderTitle : '支付' + money + '元',
orderTid : ordernums,
module : '模块名',
success : function(result) {
、、支付成功后操作
},
fail : function(result) {
alert('fail : ' + result.message);
},
complete : function(result) {
// location.reload();
}
});
}else{
alert('系统错误');
}
});
});
</script>
微擎js发起支付
本文介绍了如何在网页中实现微信支付功能。当WeixinJSBridgeReady事件触发时,解除支付按钮的禁用状态,并在点击按钮后通过AJAX获取订单信息,调用util.pay方法进行微信支付。支付成功或失败后将执行相应的回调操作。
摘要由CSDN通过智能技术生成