• 微信支付


    微信支付开发需要用到用户的openid,所以想要开发微信支付,必须先让用户授权,所以要想看微信授权请转这里

    submitIn(){
                    // 设置 ajax
                    var self = this;
                    var url = "wx/order/add";
                    var config = {headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8"}};
                    //  数据交互
                    self.$Ajax.post(url,
                        self.$qs.stringify({
                            totalprice:self.totalprice,     // 总价格
                            totalcount:self.totalcount,     // 总个数
                            goodsid:self.goodsid,           // 商品主键
                            addressId:self.addressId,       // 地址主键
                            integralResist:self.integralResist,   // 积分抵多少
                            remark:self.remark,                 // 备注
                            userId:self.userId ,               //用户主键
                            // orderAmount:self.totalprices,       // 优惠后的价格
                            // orderNo:''
    
                        }),config)
                    .then((res) => {
                        console.log(res)
                        if(res.data.code==200){
                            const payurl='webchat/pay'
                            const openid=self.GLOBAL.OPENID
                            self.$Ajax.post(payurl,
                                self.$qs.stringify({
                                    orderNo:res.data.data.orderNo,
                                    orderAmount:res.data.data.orderAmount,
                                    openId:openid
                                }))
                            .then((res)=>{
                                console.log(res)
                                if(res.data.code==200){
                                       WeixinJSBridge.invoke(
                                            'getBrandWCPayRequest', {
                                                "appId":res.data.data.appId,     //公众号名称,由商户传入     
                                                "timeStamp":res.data.data.timeStamp,         //时间戳,自1970年以来的秒数     
                                                "nonceStr":res.data.data.nonceStr, //随机串     
                                                "package":res.data.data.package,     
                                                "signType":res.data.data.signType,         //微信签名方式:     
                                                "paySign":res.data.data.paySign //微信签名 
                                            },
                                            function(res){
                                                console.log(res)     
                                                if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                                    alert('支付成功')
                                                }     // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回    ok,但并不保证它绝对可靠。 
                                            }
                                        ); 
                                }
                            }).catch((err)=>{
                                console.log(err)
                            })
                        }
                        // this.$router.push({
                        //     path:'/order/index',
                        //     name:"order",
                        //     // query:{
                        //     //     imgmore:self.imgmore, // 产品图标
                        //     // },
                        // })
                    })
                },
    

      

  • 相关阅读:
    函数length属性
    vue面试题
    ES6引进新的原始数据类型symbol使用及特性
    jq动画
    防抖和节流
    this指向
    前端:性能优化之回流和重绘
    react生命周期
    vue生命周期
    react-redux的实现原理
  • 原文地址:https://www.cnblogs.com/WangXinPeng/p/10221856.html
Copyright © 2020-2023  润新知