支付宝手机网站支付、电脑网站支付

565 阅读1分钟
/** 参考代码
1、流程
    支付宝手机网站支付、电脑网站支付都是调用接口得到一个表单,插入并提交表单调起支付
2、this.queryParams参数说明
    this.queryParams={
      transitionId: 订单号,
      successCbPage: 支付成功回调地址(在支付宝成功页面时,用户点击【返回商家】跳转的页面)
      // successCbPage => 根据实际情况而定,若是始终跳转一个地址,直接由后端写死也可。
      // 不过还是建议传入,这样有两个好处:1、前端根据需要自由调整地址 2、当不同订单跳转不同页面也兼容
    };
*/
private async comfirmPayment() {
    this.confirmPayBtnLoading = true;
    try{
      let res = await alipayPhoneApi(this.queryParams);
      const div = document.createElement('div');
      div.innerHTML = res.resp_data.form;  //res.resp_data是返回的表单
      document.body.appendChild(div);

      await this.$nextTick();
      document.forms[0].submit();
    }catch(e) {
      throw e;
    }finally {
      this.confirmPayBtnLoading = false;
    }
}