React实现支付宝支付代码
  ttOzQgS7km1w 2023年12月12日 18 0


1、请求后台接口获取请求数据

2、前端拉起支付实现

支付宝请求回来的数据是一个表单所以要在自己本身打开一个新的窗口然后把请求的数据写入然后打开支付宝支付

pc是扫码界面、手机上如果有支付宝直接拉起支付宝、没有支付宝直接网页支付

公众号【码兄】

React实现支付宝支付代码_数据

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

 

3、前端支付成功回调实现

支付宝支付h5支付手机和pc都无法回调的,需要自己去请求自己服务器的订单接口然后获取订单的状态来判断是否支付成功,

注意:支付成功用户点击回退会跳转到支付的前一个界面,所以是不对的,我的操作是在支付的时候先跳转一个检查订单是否完成的一个界面,然后在这个页面去写入支付宝支付的数据,然后用户支付成功会回退到支付界面 ,然后你可以在支付界面使用

componentDidMount 去检测订单的状态是否是完成的状态就ok了。

有问题请留言

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月12日 0

暂无评论

推荐阅读
ttOzQgS7km1w