首页 > 其他分享 >整理h5跳转支付宝的注意事项

整理h5跳转支付宝的注意事项

时间:2024-01-29 11:34:58浏览次数:32  
标签:支付宝 url h5 window href location 跳转

直接上代码

api({...}).then(e => {
        // 触发支付宝支付api
        // window.location.href = `alipays://platformapi/startapp?appId=20000067&url=${encodeURIComponent(e.url)}`
        window.location.href = `${e.url}`
    })

  window.location.href = `alipays://platformapi/startapp?appId=20000067&url=${encodeURIComponent(e.url)}`  这个是直接在当前页面唤起跳转框

 

  window.location.href = `${e.url}`  这个是跳转到支付宝返回的frame页

  

 

   如果是跳转到支付宝的frame页,会触发心跳事件,检测到你支付成功之后会自动帮你跳转回原先页(需要后端指定的调整页),当然支付宝支付成功点击完成之后也可以返回,不过返回的页面会被拼接id以及订单号等其他参数。我们可以通过返回的参数判断是否支付宝返回页,此时根据业务需求加loading等。

//如果有则表示是从支付宝支付完成之后返回到这个页面上的,此时后台系统可能未刷新,故需调用查询订单状态
if (route.query?.method == 'alipay.trade.wap.pay.return') {
    const { out_trade_no } = route.query;
    checkOrderStatus(out_trade_no); // 查询订单状态
}

  

 

标签:支付宝,url,h5,window,href,location,跳转
From: https://www.cnblogs.com/zxd66666/p/17994131

相关文章

  • 苹果支付有哪些坑,为什么苹果支付比支付宝和微信容易丢单?
    苹果内购前言苹果内购苹果支付的难点方案设计1、商品设计2、用户和回执的绑定3、回调的重试充值冲遇到的问题点1、丢单2、充值成功,下发的物品不对3、处理退款苹果订阅1、配置服务端回调通知2、客户端通知;3、服务端定时轮询;StoreKit1对比2新的api......
  • 跳转语句:包括break、continue和goto语句的作用和注意事项。
    跳转语句是一种在程序中改变代码执行顺序的语句。常见的跳转语句包括break、continue和goto语句。本文将为你介绍它们的作用和注意事项。break语句break语句用于在循环语句中提前结束循环,跳出循环体。它只能用于for循环、while循环和do-while循环中,不能单独使用。当break语句被执行......
  • 跳转语句:包括break、continue和goto语句的作用和注意事项。
    跳转语句是一种在程序中改变代码执行顺序的语句。常见的跳转语句包括break、continue和goto语句。本文将为你介绍它们的作用和注意事项。break语句break语句用于在循环语句中提前结束循环,跳出循环体。它只能用于for循环、while循环和do-while循环中,不能单独使用。当break语句被执行......
  • NodeJS Express实现所有页面Http访问重定向跳转为Https
    要在Node.jsExpress中实现所有页面从HTTP访问跳转到HTTPS,你可以使用重定向中间件。以下是一个简单的示例:首先,确保你已经安装了Express和express-redirect中间件。如果没有,你可以通过npm进行安装:npminstallexpressexpress-redirect然后,在你的主应用程序文件(例如app.js)中,引入Expr......
  • C++教程——初识c++(循环,判断,跳转语句)
    在程序设计中,循环语句的使用十分重要,不同的需求需要用到不同的循环语句,对各种循环语句的熟练使用是学好程序设计的关键。接下来就来介绍循环语句及其使用。对于while循环来说,注意判断条件的使用,do...while语句要注意,它至少会执行一次do中的代码块,这是需要注意到的,对于for循环来说,括......
  • 记录--h5端调用手机摄像头实现扫一扫功能
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、前言最近有遇到一个需求,在h5浏览器中实现扫码功能,其本质便是打开手机摄像头定时拍照,特此做一个记录。主要技术栈采用的是vue2,使用的开发工具是hbuilderX。经过测试发现部分浏览器并不支持打开摄像头,测试了......
  • Android如何通过按钮实现页面跳转方法
    Hello大家好!我是咕噜铁蛋!在Android应用开发中,页面跳转是一项基本且常见的功能。通过按钮实现页面跳转可以为用户提供更好的交互体验,使应用更加灵活和易用。本文将介绍AndroidStudio中如何通过按钮实现页面跳转的方法,帮助开发者轻松实现这一功能。一、前提准备我们需要具备以下几个......
  • 支付宝AES如何加密
    继之前给大家介绍了V3加密解密的方法之后,今天给大家介绍下支付宝的AES加密。注意:以下说明均在使用支付宝SDK集成的基础上,未使用支付宝SDK的小伙伴要使用的话老老实实从AES加密原理开始研究吧。什么是AES密钥AES是一种高级加密标准(英语:AdvancedEncryptionStandard,缩写:A......
  • 支付宝AES如何加密
    继之前给大家介绍了V3加密解密的方法之后,今天给大家介绍下支付宝的AES加密。 注意:以下说明均在使用支付宝SDK集成的基础上,未使用支付宝SDK的小伙伴要使用的话老老实实从AES加密原理开始研究吧。 什么是AES密钥AES是一种高级加密标准(英语:AdvancedEncryptionS......
  • js根据地区判断进行跳转页面
    <script>//获取访问者的IP地址functiongetVisitorIP(){returnnewPromise((resolve,reject)=>{constxhr=newXMLHttpRequest();xhr.open('GET','https://ipinfo.io/json',true);xhr.onload=func......