创建订单轮询查看支付状态

港控/mmm° 2023-01-20 11:46 18阅读 0赞

const state = reactive({
                    showPay:false,
                    orderNo:'',
                    aliyun:'',
                    wechat:''
    })
    const handleCreateOrder = () => {
                    const params = {
                        address_id: state.address.id
                    }
                    createOrder(params).then(res=>{
                        Toast('创建定单成功');
                        state.showPay = true;
                        // 订单ID
                        state.orderNo = res.id;
                        payOrder(state.orderNo, {type:'aliyun'}).then(res=>{
                                state.aliyun = res.qr_code_url;
                                state.wechat = res.qr_code_url;
                        })
                       /* 
                        payOrder(state.orderNo, {type:'wechat'}).then(res=>{
                            console.log(res);
                            state.wechat = res.qr_code_url;
                        })
                        */
                        // 轮询查看订单支付状态(每隔2s调用一次接口)
                        const timer = setInterval(()=>{
                            payOrderStatus(state.orderNo).then(res=>{
                                if(res=='2') {
                                    clearInterval(timer);
                                    router.push({path:'/orderdetail', query:                
                                    {id:state.orderNo}})
                                }
                            })
                        }, 2000)
                })
    }
                
    
    return {
                    ...toRefs(state),
                    handleCreateOrder,
                    total
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax轮询

`setInterval` 按照固定的周期（单位是毫秒）去执行一个函数或者计算表达式。在 Ajax 请求里有一个参数非常重要， async 为 True 时代表了是异

小灰灰/ 2023年10月06日 17:19/ 0 赞/ 23 阅读

相关 javascript 轮询_JavaScript轮询

javascript 轮询 Polling with JavaScript is one of those ugly but important functions with

墨蓝/ 2023年02月22日 03:39/ 0 赞/ 47 阅读

相关创建订单轮询查看支付状态

const state = reactive({ showPay:false, orde

港控/mmm°/ 2023年01月20日 11:46/ 0 赞/ 19 阅读

相关轮询、长轮询、长连接、websocket

Web端即时通讯技术：即时通讯技术简单的说就是实现这样一种功能：服务器端可以即时地将数据的更新或变化反应到客户端，例如消息即时推送等功能都是通过这种技术实现的。但是在Web中，

亦凉/ 2023年01月02日 14:22/ 0 赞/ 330 阅读

相关 DNS轮询

参考文章：[DNS轮询是什么？][DNS] DNS轮询简单来说就是一个域名解析多个IP地址。那么为什么会有DNS轮询呢？一般DNS轮询用于访问量较大的网站，由于一台服务器无法

港控/mmm°/ 2022年11月01日 05:47/ 0 赞/ 198 阅读

相关 nginxlog轮询

nginx日志默认情况下统统写入到一个文件中，文件会变的越来越大，非常不方便查看分析。以日期来作为日志的切割是比较好的，通常我们是以每日来做统计的。 apach

柔光的暖阳◎/ 2022年07月13日 23:40/ 0 赞/ 227 阅读

相关 ajax轮询

> 原文链接：[http://www.cnblogs.com/hoojo/p/longPolling\_comet\_jquery\_iframe\_ajax.html][ht

阳光穿透心脏的1/2处/ 2022年06月16日 04:22/ 0 赞/ 254 阅读

相关长轮询

长轮询的定义： 1、长轮询是传统轮询（短轮询）的一个翻版，即浏览器定时向服务器发送请求，看看有没有数据更新 2、页面发起一个到服务器的请求，然后服务器一直保持连接打开，直到

Love The Way You Lie/ 2022年06月10日 00:12/ 0 赞/ 305 阅读

相关轮询和长轮询优缺点分析

轮询和长轮询优缺点分析轮询：客户端定时向服务器发送Ajax请求，服务器接到请求后马上返回响应信息并关闭连接。优点：后端程序编写比较容易。缺点

àì夳堔傛蜴生んèń/ 2021年09月29日 10:20/ 0 赞/ 477 阅读

相关轮询、长轮询、长连接、websocket

　Web端即时通讯技术：即时通讯技术简单的说就是实现这样一种功能：服务器端可以即时地将数据的更新或变化反应到客户端，例如消息即时推送等功能都是通过这种技术实现的。但是在Web中

爱被打了一巴掌/ 2021年09月17日 13:52/ 0 赞/ 546 阅读