React實現支付寶支付代碼

1、請求後臺接口獲取請求數據

2、前端拉起支付實現

支付寶請求回來的數據是一個表單所以要在自己本身打開一個新的窗口然後把請求的數據寫入然後打開支付寶支付

pc是掃碼界面、手機上如果有支付寶直接拉起支付寶、沒有支付寶直接網頁支付

      const newWindow = window.open("", "_self");
      newWindow.document.write(data);
      newWindow.focus();

 

3、前端支付成功回調實現

支付寶支付h5支付手機和pc都無法回調的，需要自己去請求自己服務器的訂單接口然後獲取訂單的狀態來判斷是否支付成功，

注意：支付成功用戶點擊回退會跳轉到支付的前一個界面，所以是不對的，我的操作是在支付的時候先跳轉一個檢查訂單是否完成的一個界面，然後在這個頁面去寫入支付寶支付的數據，然後用戶支付成功會回退到支付界面 ，然後你可以在支付界面使用

componentDidMount 去檢測訂單的狀態是否是完成的狀態就ok了。

有問題請留言