后端定义商户查单接口

支付成功后，商户侧查询本地数据库，订单是否支付成功

java">/*** 查询本地订单状态*/
@ApiOperation("查询本地订单状态")
@GetMapping("/query-order-status/{orderNo}")
public R queryOrderStatus(@PathVariable String orderNo) {String orderStatus = orderInfoService.getOrderStatus(orderNo);if (OrderStatus.SUCCESS.getType().equals(orderStatus)) {//支付成功return R.ok();}return R.ok().setCode(101).setMessage("支付中...");
}

前端定时轮询查单

        在二维码展示页面，前端定时轮询查询订单是否已支付，如果支付成功则跳转到订单页面

javascript">//启动定时器
this.timer = setInterval(() => {//查询订单是否支付成功this.queryOrderStatus()
}, 3000)

javascript">// 查询订单状态
queryOrderStatus() {orderInfoApi.queryOrderStatus(this.orderNo).then(response => {console.log('查询订单状态：' + response.code)// 支付成功后的页面跳转if (response.code === 0) {console.log('清除定时器')clearInterval(this.timer)// 三秒后跳转到订单列表setTimeout(() => {this.$router.push({ path: '/success' })}, 3000)}})
}