前端在H5中唤起微信支付和支付宝支付

 

//微信支付
wxPay(userId,Id,grade_id){//发起请求，参数：价格、id、商品id、等自己写的方法，点击微信支付按钮调用<br>
 $.ajax({
   type: "post",
   url: URLS.WXPAY_URL,//后端给的接口
   data: {id: Id,user_id:userId,grade_id:grade_id},//传递后端需要的参数id什么的
   success: function (res) {
           var resData = JSON.parse(res);//先转换一下格式<br>                    
           window.location.href = resData.data //直接跳转到接口返回来的支付链接
   }
 })
},

　　

 

//支付宝支付

            AliPay(userId,Id,grade_id){//自己写的点击事件，点击支付宝支付按钮调用

                $.ajax({

                    type: "post",

                    url: URLS.ALIPAY_URL,//后端给的支付宝支付请求接口

                    data: {id: Id,user_id:userId,grade_id:grade_id},//需要的参数

                    success: function (res) {

                        var resData = JSON.parse(res);//转换一下格式 

                        const div = document.createElement('div')//后端返回的数据类似一个form表单，创建一个div后执行表单的submit就OK了

                        div.id = 'alipay'

                        div.innerHTML = resData.data

                        document.body.appendChild(div)

                        document.querySelector('#alipay').children[0].submit() // 执行后会唤起支付宝

                    }

                })

            }

　　

搜索

复制