一.去支付
1.前端点击“去支付”按钮,请求订单详情接口,传递订单的id、订单号给后端和请求支付方式接口
2.后端返回支付信息和支付方式数据
二.弹出支付窗口
接收支付信息和支付方式数据后,前端弹出支付弹窗
三.确认支付
前端无论选择任何一种支付方式,点击“确认支付”按钮请求支付接口都要把订单信息传给后端。
1.余额支付
如果选择“余额”支付,后端则会直接返回支付成功信息
2.微信支付
如果选择“微信支付”,后端返回订单生成成功,待支付的信息,前端的弹窗需要把支付方式和确认支付按钮更换支付二维码
四.支付完成
1.每隔10秒钟请求以上提到的订单详情接口,根据后端返回的order_status字段来判断用户是否已经支付,如果为1是“已支付”,如果为0则是“未支付”。
2.如果已经支付则显示更替提示“当前订单已支付,请不要重复支付”,支付状态也更替“已支付”。
3.最后关闭弹窗销毁定时请求的订单详情接口。