微信支付

最新推荐文章于 2025-07-31 15:34:48 发布

转载最新推荐文章于 2025-07-31 15:34:48 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/WangXinPeng/p/10221856.html

文章标签：

#前端 #ViewUI

微信支付开发需要用到用户的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, // 产品图标
                    //     // },
                    // })
                })
            },

转载于:https://www.cnblogs.com/WangXinPeng/p/10221856.html