react 微信支付问题，支付成功后跳转到指定页面

最新推荐文章于 2025-04-06 10:11:44 发布
最新推荐文章于 2025-04-06 10:11:44 发布
阅读量3.2k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： 微信支付 微信支付成功页面跳转 react 微信支付
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_40319394/article/details/86674087
本文解决了React项目中支付成功或失败后页面未跳转的问题，通过将this替换为that，实现了页面的正确跳转。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目是在react，以下是个人代码截图，

问题：支付成功或者支付失败的时候，页面在react里面没有跳转，

解决：以上标红的地方，this 换成that即可，代码如下

微信公众号 - 最新详细实现H5网页接入微信支付功能，开发移动端、PC端网站集成使用微信支付流程及示例代码，公众号网页利用JS-SDK/JSAPI/H5支付授权唤起微信支付，可脱离微信环境支付或内置浏
资深程序员
07-25 5196
微信公众号，微信支付，网页，移动端，h5，扫码支付，二维码付款，手机网页，电脑pc网页生成支付二维码，js-sdk，jsapi，外部浏览器调起微信支付，脱离微信环境，在微信内置浏览器如何进行微信支付，前端H5微信支付，web网站，vue2，vue3，nuxt2，nuxt3，jquery，微信公众号h5支付流程，如何实现，怎么做，回调报错，redirect_uri参数错误，必须部署才能调试吗，怎么不打包发布就能在本机测试，微信H5支付能力，uniapp微信支付，h5页面调起支付，支付没反应，无效，失败，H5页
Android微信支付，支付成功后并返回指定页面
热门推荐
ydrslyh的博客
11-08 2万+
Android调用微信支付，支付成功后并返回指定页面
微信支付成功后自动跳转
a138984的专栏
08-10 2万+
微信支付分为四步： 1、获取code 2、获取openid 3、获取相应数据得到商品订单数组 4、支付返回（js 判断） include("includes/modules/payment/WxPayPubHelper.php"); //使用jsapi接口 $jsApi = new JsApi_pub(); //=========步骤1：网页授权获取用户openid
微信支付完成后跳转到指定页面
chuntianlong5227的博客
08-17 3125
html中根据前台支付后反馈信息成功与否跳转到相关页面 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script type="text/javascript"&gt...
微信支付点金计划—支付完成后自定跳转页面
IT侠客行的博客
08-06 5405
最近遇到一件比较糟心事，给客户上线快两年的微信在线商城，最近决定升级，结果到支付完成后点击完成按钮无法直接返回商家...我检查了自己传的参数，发现并无问题，老版本是可以跳转的，当时很是懵逼，因为这个项目是直接对接的第三方支付公司（通联）；我就联系通联相关的技术人员，告知我可能是因为微信退出的点金计划的原因，然后我就去度娘了一下，果然是...然后看文档跟着配置与自定义小票页面。 小票的主要原理就是内嵌一个iframe，进行通信。我们填写的连接地址也是嵌套在iframe框上的s...
Java之微信支付(扫码支付模式二)案例实战-之支付完成后页面跳转方案
https://gitee.com/micai-code
07-08 1万+
摘要：做过微信扫码支付的同学都知道，微信扫码支付完成后，要跳转到指定的页面就比较麻烦了，这里我提供一种比较可行的方案，也许还有其他更多的方案，但是我这里分享下我们当时是怎么处理微信扫码支付完成后，跳转到指定页面的呢。 一：微信扫码支付流程： 可以看前面写过的文章，具体地址：Java之微信支付(扫码支付模式二)案例实战 二：微信扫码支付完成后页面跳转流程： 2.1.支付订单页......
微信支付点金计划实现支付完成跳转页面
CrazBarry的博客
09-25 1万+
标题 标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="referrer" content="origin"> <meta name="viewport" content
基于react native的ios原生微信客服，微信支付以及判断是否安装微信
在无知中学习，在学习中成长，在成长中学习
04-12 586
基于react native的ios原生微信客服，微信支付以及判断是否安装微信
React 微信页面开发过程
hopefullman的博客
12-24 377
今天记录下使用React 开发微信网页的经历 0.提示 微信有很多平台，例如公众平台，开放平台，订阅号，服务号，小程序等等 1.使用服务号ID（订阅号比较恶心，不关注就不能用我们的页面，所以为了解决这个问题直接使用服务号） 2.引入Js-sdk，目的是使用微信的登录，分享，支付 在public文件下，index.html里面引入 <script type="text/javas...
已解决：安卓调用微信支付以后，返回商家无法有效触发支付状态回调onResp，微信支付无法返回商家
Spy003的博客
02-27 621
最近对接了微信支付和支付宝支付的唤起，支付宝支付特别简单，服务端创建好订单，发个订单链接然后用支付宝sdk直接唤起就可以了，但是微信就麻烦多了。微信需要一堆参数，需要验签，需要appid商户id都匹配上才可以，如果是前后端分工的话，就容易造成甩锅现象，我先简单说一下微信支付流程。照着文档引入sdk然后创建微信要求的必须的活动页面：</以上就是全部的微信支付流程了，也不复杂。
React中API跳转
King的博客
08-24 585
API跳转 在组件中通过this.props.history控制路由的改变 通过push方法调到指定组件，参数： 路径：this.props.history.push('/content') 将新的路径压入到history中 传递一个对象，路径放在pathname中，可传递参数payload this.props.history.push({ pathname:'/student'...
在微信端打开H5端，完成支付后，返回指定的页面
最新发布
weixin_43907578的博客
04-06 1060
H5端 支持从点金计划页面上方的商家小票区域，点击外跳到商家指定的完整页面
React中微信H5支付实现代码
小马总的博客
02-20 1938
一、请求自己服务器获取data数据 二、解析获取数据 const urlArr = window.location.href; const hostUrl = urlArr.split("/"); const callBack = hostUrl[0] + "//" + hostUrl[2] + "/"; con...
H5微信支付成功跳转商家小票
m0_50278775的博客
08-03 3187
H5支付完成之后是直接把整个项目关闭的，以前可以跳转到指定的页面，但2020年微信出了点金计划，并且陆续回收了跳转指定页面的权限。如果真的想跳到某个页面，那么就要开通点金计划，把我们自定义的页面（商家小票）嵌套在点金页面。然后我有点怀疑是第三点超时问题，但是我的商家小票页面其实就是个静态页面，都没有做数据交互，应该不至于会超过3s。然后部署到测试环境，发现安卓支付成功后跳转点金页面可以正常显示商家小票内容，但是ios显示无法获取订单信息~以为可以了，但是ios的问题还是没有解决。网上的资料大概就这些。...
React实现支付宝支付代码
小马总的博客
02-20 4542
1、请求后台接口获取请求数据 2、前端拉起支付实现 支付宝请求回来的数据是一个表单所以要在自己本身打开一个新的窗口然后把请求的数据写入然后打开支付宝支付 pc是扫码界面、手机上如果有支付宝直接拉起支付宝、没有支付宝直接网页支付 送上一波福利 微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取 const...
js支付成功网页自动跳转
weixin_56726579的博客
02-28 902
<body> <div>支付成功</div> <span id="box"> 5</span>秒后自动跳转 <script> // 支付成功网页跳转倒计时 方法1 setTimeout var _box = document.getElementById('box') function jumpIndex(num, url) { if (.
react 微信公众平台实现支付功能
chenxiang0708的博客
12-06 754
注意点 1.window.WeixinJSBridge.invoke 在编辑器里面是会报错的,请无视,要在微信上才能测试 2.支付成功后注意this指向 let that=this; jpkc.h5_single_buy(this.props.match.params.id).then(res => { let result = res.data[0]; window.Wei...
如何制作，支付后跳转到任意网址的图片二维码
xyxy12345的专栏
05-03 6695
最近有一个项目，需要制作生成一个二维码图片，然后扫码支付后可以跳转到一个指定的网页。 这个需求倒是并不复杂，就是实现起来有点麻烦，需要判断是否支付成功，然后成功后回调通知什么的。我就想，网上有没有现成的平台，可以直接实现这个功能的，我就可以直接拿过来用，省事了。 在百度里一顿搜索，还真找到这样一个平台，叫“八图片”。 仔细看了一下，这个平台的功能还挺强大，而且提供api接口，正合我意。因为我是要把这个功能整合到自己的项目中的，所以一定要用api接口自动生成。 当然，如果你不需要自动生
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值