vue 移動端H5微信支付和支付寶支付

2021-09-23 13:37:26 字數 1992 閱讀 2089

})其實支付寶支付也有h5支付和支付寶瀏覽器支付，這裡只做h5支付，因為已經滿足了業務需求。

1.支付寶中的h5支付和pc端的一樣，主要是後端的工作量，後端完成訂單的生成之後返給前端的是form表單，前端只需要負責做頁面的跳轉即可：

//立即支付按鈕


onsubmit()


});}


elseif(


this


.payway ==2)


},
2.選擇支付寶方式之後進入支付寶承載頁面：



"html"


>


<


/div>


<


/template>


export


default},


methods:


;this


.$api.orderpage.


videoalipay


(param)


.then


( res =>)}


)}},


mounted()


}<


/script>
當然不想寫承載頁的還有其他方法調起支付，具體邏輯具體分析，根據不同的業務型別去變通比如：

const div = document.


createelement


('div');


div.innerhtml =


(res.data)


;是返回的表單


document.body.


(div)


;document.forms.alipaysubmit.


submit()


;

移動端H5支付（微信和支付寶）

我們直接進入主題吧，先說功能 3 支付寶支付成功後重定向到指定頁面。4 重定向位址帶引數返回。5 支付成功後，回到頁面開始進行輪詢，獲取支付成功的結果後結束輪詢。下面是我的支付頁面結構圖 pay.html 至於調起支付的介面需要傳什麼引數，你們要和後台的哥們溝通好。支付寶返回的是乙個表單，如圖 這裡...

微信h5支付

首先需要檢視文件 知道h5支付的步驟 1.前台頁面 h5充值 2.後台介面直接呼叫統一下單 if stringutils.isnotblank ver str string passback order.containskey passback order.get passback string m...

vue 移動端H5非內建瀏覽器發起微信 支付寶支付

該貼只說前端部分，後端人員繞路哈。mweb url window.location.href res.data.mweb url2 支付寶方面就有點麻煩，因為它返回的是乙個form 所以嘛，需要建立個div然後innerhtml插入html const div document.createelem...