最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 21:58:26
文档

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

Vue的H5页面唤起支付宝支付功能:目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下Vue中H5页面如何使用支付宝支付。其实很简单的,只不过是调自己后台的一个接口而已(后台根据支付宝文档,写好支付接口)。 触发支付宝支付调用后台接口,后台会返回支付宝提供的f
推荐度:
导读Vue的H5页面唤起支付宝支付功能:目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下Vue中H5页面如何使用支付宝支付。其实很简单的,只不过是调自己后台的一个接口而已(后台根据支付宝文档,写好支付接口)。 触发支付宝支付调用后台接口,后台会返回支付宝提供的f

目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下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.alipayInfo
 document.body.appendChild(div)
 document.forms[0].submit()
 }
 }, error => {
 this.$loading.hide()
 console.log(error)
 })
 }
}

总结

以上所述是小编给大家介绍的Vue的H5页面唤起支付宝支付功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

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

Vue的H5页面唤起支付宝支付功能:目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下Vue中H5页面如何使用支付宝支付。其实很简单的,只不过是调自己后台的一个接口而已(后台根据支付宝文档,写好支付接口)。 触发支付宝支付调用后台接口,后台会返回支付宝提供的f
推荐度:
标签: 支付宝支付 VUE h5
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top