Vue的H5页面唤起支付宝支付

目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下Vue中H5页面如何使用支付宝支付。其实很简单的，只不过是调自己后台的一个接口而已（后台根据支付宝文档，写好支付接口）。

触发支付宝支付调用后台接口，后台会返回支付宝提供的form表单，我们只要在vue里面创建新节点，将返回的form表单append进去，并提交就可以唤起支付宝支付。另在此说一下这个returnUrl, 它是支付后支付宝回调的页面。具体可以根据自身业务，后台写死或者由前端控制。

methods () {/*** 支付宝支付*/goAlipay () {this.$loading.show()const data = {/* 自身接口所需的一些参数 */...amount: this.price,/* 支付后支付宝return的url */// returnUrl: 'www.baidu.com'returnUrl: window.location.origin + window.location.pathname + '?userParams=' + this.userParams}this.$http(this.$apiSetting.alipay,data).then(res => {this.$loading.hide()if (res.data.statusCode === '000000') {const div = document.createElement('div')/* 此处form就是后台返回接收到的数据 */div.innerHTML = res.data.data.alipayInfodocument.body.appendChild(div)document.forms[0].submit()}}, error => {this.$loading.hide()console.log(error)})}
}

Vue的H5页面唤起支付宝支付相关推荐

vue支付宝html,Vue的H5页面唤起支付宝支付功能
目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付.下面介绍一下Vue中H5页面如何使用支付宝支付.其实很简单的,只不过是调自己后台的一个接口而已(后台根据支付宝文档,写好支付接口). 触发支 ...
vue 微信公众号支付接口_基于vue的h5项目之支付宝支付与微信支付
本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点,仅为前端部分,如有疏漏不正之处,请于文末评论探讨.注意:标红部分灰常重要,仔细阅读官方文档非常重要,耐心非常重要,细心非常 ...
h5页面调用支付宝支付
写的测试流程,比较乱,望勿吐槽 1.提交支付基础数据 <form action="${ctx}/np/h5/restf/np-pay-confirm" method=&qu ...
html发起微信或支付宝支付,vue实现-微信网页中唤起支付宝支付
微信浏览器内是无法唤起支付宝的,会提示在浏览器打开,类似下面 image.png 所以在微信公众号的支付宝支付最终是通过手机浏览器唤起的支付宝支付,按照手机网站的支付方式即可. 官方也有demo,官方 ...
陪玩系统源码开发，H5页面中调用支付功能的实现
最近在陪玩系统源码开发工作中,有个H5页面需要实现微信支付和支付宝支付的功能,现在已经完成,抽个时间写出来,分享给有需要的人. 第一步:先判断当前环境判断陪玩系统源码中用户所属环境,根据环境不同,执 ...
H5页面调用微信支付
1.H5页面使用微信支付,首先需要注册微信公众号,在设置与开发>公众号设置>功能设置中配置业务域名.JS接口安全域名.网页授权域名.支付功能页面需在此域名链接下的页面. 2.加入域名后,就 ...
支付宝扫码支付完成后如何跳转跳转页面_支付宝支付页面广告（按效果付费，杜绝隐形消费），企业拓客好帮手...
什么是支付宝支付页面广告? 支付宝支付广告,是支付宝支付后在支付完成页或者支付成功通知信息里展现的一种移动广告, 一般通过点击展现的文字.图片.图文等形式链接跳转到广告页面.支付宝支付广告一般有支付 ...
H5页面唤起手机拨打电话（拨号）
H5页面唤起手机拨打电话(拨号) 在移动端页面开发中,偶尔会需要唤起用户手机的打电话功能,拨打客服电话,此时我们可以按照以下操作实现打电话功能: 拨打电话 index.html在中加入这一段 < ...
web页面调用支付宝支付
web页面调用支付宝支付此文章是前端单独模拟完成支付,若在线上环境则需要后台配合产生签名等参数 1.在蚂蚁金服开放平台申请沙箱环境将沙箱环境中的密钥.应用网关.回调地址补全,生成密钥的方法在此配 ...

Vue的H5页面唤起支付宝支付

Vue的H5页面唤起支付宝支付相关推荐

最新文章

热门文章