小程序支付成功后如何正确获取订单状态并跳转页面？

你这个问题其实不是 async/await 的问题，而是对小程序支付回调机制理解有偏差，还有就是没搞清楚「支付成功」的定义到底是什么。

先说重点：wx.requestPayment 的 success 回调里，res.errMsg === 'requestPayment:ok' 只能说明「用户点击了支付按钮，且小程序成功调起支付」，并不能说明用户真的支付成功了。这点非常关键，也是很多开发者踩坑的地方。

微信官方文档里明确说了，真正支付结果的判断，必须依赖两个地方：

1. 小程序端的 wx.onUserPayStateChange（仅部分微信版本支持，不推荐依赖）
2. 更重要的是后端的异步通知（也就是微信服务器回调你自己的服务端）

所以你现在的问题是：
你把「调起支付成功」当成了「用户支付成功」，结果一支付成功就以为订单已付，直接发请求更新订单，但实际上用户可能刚点完确认还没付款，或者付款失败了，或者还在支付过程中…… 这时候你前端就自己更新订单状态，后面用户如果真支付成功了，但你订单状态已经改成 paid，就会导致数据不一致。

更严重的是：如果用户支付成功，但你前端因为网络问题没发请求，或者你逻辑里漏了处理 fail 的情况，订单状态就永远是「未支付」，用户看到自己付了钱但订单还是待支付，体验会非常差。

正确做法应该分三步走：

第一步：调起支付前，先确认订单状态是待支付（防刷单、防重付）
第二步：用户点击支付后，wx.requestPayment 调起支付，但不要在 success 回调里直接改订单状态
第三步：支付完成后，通过两种方式确认结果：

- 方式一（推荐）：后端收到微信支付成功通知，更新数据库订单状态为 paid，然后你小程序轮询或通过 socket / 云开发订阅消息来拉取最新状态
- 方式二（折中，适合小项目）：用户支付完成后，小程序主动调用你自己的后端接口「查询订单状态」，后端去查微信的订单查询接口（unifiedorder 的 trade_state）

我给你一个比较稳妥的实现方案（兼顾体验和可靠性）：

wx.requestPayment({

  ...payData,

  success: (res) => {

    console.log('调起支付成功', res);

    // 注意：这里只是调起成功，不代表支付成功

    // 先不急着跳转，先展示一个「支付中...」的 loading 或蒙层

    wx.showLoading({ title: '支付中...' });



    // 开始轮询订单状态，每 2 秒查一次，最多查 15 次（5 分钟）

    let retryCount = 0;

    const maxRetry = 15;

    const interval = setInterval(() => {

      wx.request({

        url: '/api/queryOrderStatus',

        method: 'GET',

        data: { orderId: currentOrder.id },

        success: (queryRes) => {

          const status = queryRes.data.status; // 假设后端返回 { status: 'paid' | 'not_paid' | 'closed' }

          if (status === 'paid') {

            clearInterval(interval);

            wx.hideLoading();

            wx.showToast({ title: '支付成功', icon: 'success' });

            wx.redirectTo({ url: '/pages/order-detail/index' });

          } else if (status === 'closed' || status === 'refund') {

            clearInterval(interval);

            wx.hideLoading();

            wx.showToast({ title: '支付异常', icon: 'none' });

            // 这里可以引导用户重新支付

          } else {

            retryCount++;

            if (retryCount >= maxRetry) {

              clearInterval(interval);

              wx.hideLoading();

              wx.showToast({ title: '支付超时，请稍后查看', icon: 'none' });

            }

          }

        },

        fail: () => {

          retryCount++;

          if (retryCount >= maxRetry) {

            clearInterval(interval);

            wx.hideLoading();

            wx.showToast({ title: '网络异常', icon: 'none' });

          }

        }

      });

    }, 2000);

  },

  fail: (err) => {

    console.error('调起支付失败', err);

    wx.hideLoading?.(); // 防止没显示 loading 就报错

    wx.showToast({ title: '支付失败', icon: 'none' });

  }

});

需要注意的是，上面这个轮询方案是「前端兜底」，真正可靠的订单状态更新还是得靠后端异步通知。

后端（比如 Node.js / PHP / Java）要做的关键点：

- 提供一个微信支付的「异步通知接口」，路径要跟你在微信商户平台配置的一致
- 收到通知后，先验签（用微信支付提供的验签方法），确认是微信发的
- 验签通过后，更新数据库订单状态为 paid，再返回 SUCCESS 给微信（别漏了返回这个，否则微信会重复发通知）

举个 Node.js 的简化示例（Express）：

app.post('/api/wechat/pay/notify', (req, res) => {

  let rawBody = '';

  req.on('data', chunk => { rawBody += chunk; });

  req.on('end', () => {

    const xml = xml2js.parseStringSync(rawBody, { explicitArray: false });

    if (xml.return_code !== 'SUCCESS') {

      console.error('微信通知失败', xml.return_msg);

      return res.send('<xml><return_code>FAIL</return_code></xml>');

    }



    // 验签（伪代码，具体看你的 SDK）

    const isValid = wechat.verifySignature(xml, config.apiKey);

    if (!isValid) {

      console.error('通知验签失败');

      return res.send('<xml><return_code>FAIL</return_code></xml>');

    }



    // 更新订单

    orderService.markAsPaid(xml.out_trade_no, xml.transaction_id);



    // 返回成功给微信

    res.type('xml');

    res.send('<xml><return_code>SUCCESS</return_code></xml>');

  });

});

最后说一句：你原代码里那个「success 里发 wx.request 更新订单」的逻辑，如果非要保留（比如只是做 UI 提示），也得加一层「只提示，不改状态」，比如：

success: (res) => {

  if (res.errMsg === 'requestPayment:ok') {

    wx.showToast({ title: '支付中...' });

    // 这里不要直接改订单状态，只发个“已发起支付”的事件

    wx.request({ url: '/api/notifyPaidAttempt', data: { orderId } });

  }

}

总之记住一句话：前端永远不要信任自己的判断，订单状态必须以微信异步通知为准，否则迟早出账对不上。我之前就见过一个项目，因为前端自己改状态，导致退款时系统以为订单还没付，结果又退了一次，老板差点报警 😅

从你描述的情况和代码来看，问题可能出在几个地方。根据官方文档，wx.requestPayment 的 success 回调只是表示用户完成了支付动作，但并不保证支付结果已经同步到你的服务器。所以推荐的做法是，不要直接在 success 回调里更新订单状态，而是通过后端的支付结果通知来确认。

不过如果你确实需要前端参与订单状态更新，建议调整逻辑。首先，wx.request 是异步操作，默认不会阻塞后续代码，但你的写法本身没问题，可能是网络请求失败或者接口有问题。我们可以在请求里加个错误捕获，看看是不是接口报错了：

wx.requestPayment({

  ...payData,

  success: (res) => {

    console.log('支付成功', res);

    wx.request({

      url: '/api/updateOrder',

      method: 'POST', // 确保这里和后端约定的请求方法一致

      data: { orderId: currentOrder.id, status: 'paid' },

      success: (updateRes) => {

        if (updateRes.statusCode === 200) {

          wx.redirectTo({ url: '/pages/order-detail/index' });

        } else {

          console.error('更新订单状态失败', updateRes);

        }

      },

      fail: (err) => {

        console.error('请求更新订单状态失败', err);

      }

    });

  },

  fail: (err) => {

    console.error('支付失败', err);

  }

});

另外，强烈建议你在后端实现微信支付的回调通知处理逻辑。微信支付会在用户支付成功后向你的服务器发送一个异步通知，这才是最可靠的支付成功依据。你可以参考微信支付官方文档中「支付结果通知」的部分，确保你的后端正确接收并解析了通知数据。

最后，如果你怀疑是异步流程的问题，确实可以用 async/await 改写代码，但这不是核心问题所在。改写的话可以这样：

wx.requestPayment({

  ...payData,

  success: async (res) => {

    console.log('支付成功', res);

    try {

      const updateRes = await new Promise((resolve, reject) => {

        wx.request({

          url: '/api/updateOrder',

          method: 'POST',

          data: { orderId: currentOrder.id, status: 'paid' },

          success: resolve,

          fail: reject

        });

      });

      if (updateRes.statusCode === 200) {

        wx.redirectTo({ url: '/pages/order-detail/index' });

      } else {

        console.error('更新订单状态失败', updateRes);

      }

    } catch (err) {

      console.error('请求更新订单状态失败', err);

    }

  },

  fail: (err) => {

    console.error('支付失败', err);

  }

});

总结一下，重点是确保后端接口正常工作，并且最好结合微信支付的回调通知来处理订单状态更新。前端的跳转逻辑加上错误捕获可以帮助你更快定位问题。如果还是不行，建议检查网络请求的具体响应内容，看看是不是后端接口返回了非预期的结果。