前端html5 调起微信支付接口 和支付宝支付接口

微信支付

function onBridgeReady(){
   WeixinJSBridge.invoke(
       'getBrandWCPayRequest', {
                           "appId":data.data.appId ,     //公众号名称，由商户传入 （后台返的）    
                           "timeStamp":data.data.timeStamp,         //时间戳，自1970年以来的秒数     
                           "nonceStr":data.data.nonceStr, //随机串     
                           "package":data.data.package,     
                           "signType":data.data.signType,         //微信签名方式：     
                           "paySign":data.data.paySign //微信签名 

}
      function(res){
      if(res.err_msg == "get_brand_wcpay_request:ok" ){
      // 使用以上方式判断前端返回,微信团队郑重提示：
            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
      } 
   }); 
}
// 下面是兼容不同浏览器绑定事件的方法
if (typeof WeixinJSBridge == "undefined"){
   if( document.addEventListener ){
       document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
   }else if (document.attachEvent){
       document.attachEvent('WeixinJSBridgeReady', onBridgeReady); 
       document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
   }
}else{
   onBridgeReady();
}

支付宝支付：
        function get_wechatPay() {
                        // 调起支付宝(支付)
                        const form = res.data
                        const div = document.createElement('div')
                        div.id = 'alipay'
                        div.innerHTML = form
                        document.body.appendChild(div)
                        document.querySelector('#alipay').children[0].submit() // 执行后会唤起支付宝    
             
        }