uni-app解析支付宝返回form表单，唤起支付宝界面

r囧r小猫 2023-02-22 08:18 15阅读 0赞

最近写H5项目用到支付宝付款。首先将订单信息传到后台接口,利用返回id，调用支付宝网页支付接口，后端把提交的from表单的标签返给前端，调用表单中的submit方法唤起支付宝界面。(h5环境)

![在这里插入图片描述][20200702175628624.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQzMzQ5OQ_size_16_color_FFFFFF_t_70]

//支付宝支付页
       		zfbsub(id) {
       			uni.request({
       			  //仅为示例，并非真实接口地址。
       			    url: URL.baseUrl + 'auctionBuy/wapPay?auctionPaymentId=' + id, //支付ID
       			  	method:'POST',
       			    data: {
       			        
       			    },
       			    header: {
       			        'token': uni.getStorageSync("token")
       			    },
       			    success: (res) => {
       			        //将接口返回的Form表单显示到页面
       			        document.querySelector('body').innerHTML = res.data;
       			       //调用submit 方法
       			        document.forms[0].submit()
       			       
       			    }
       			});
       		 
       		},
    ``

[20200702175628624.png]: https://img-blog.csdnimg.cn/20200702175628624.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQzMzQ5OQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210310095325471.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQzMzQ5OQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 [ 支付宝支付笔记]

目录前言: 支付宝支付: 创建AlipayClient对象（注意，这里的appId、私钥、公钥等信息需要根据实际情况进行替换）：构造AlipayTradePageP

小咪咪/ 2023年10月11日 22:32/ 0 赞/ 98 阅读

相关支付宝支付

支付宝支付支付宝支付的SDK我们使用最新版的SDK，即对应V2的接口和配置的SDK，使用时如果发现有最新的版本，可以使用最新版本； <!-- 支付宝支付相关依

古城微笑少年丶/ 2023年10月05日 17:36/ 0 赞/ 54 阅读

相关支付宝支付

一，介绍蚂蚁金服开放平台--开发者中心：https://openhome.alipay.com 登录--帮助与支持--文档中心--里面有产品介

缺乏、安全感/ 2023年03月04日 08:13/ 0 赞/ 73 阅读

相关 uni-app解析支付宝返回form表单，唤起支付宝界面

最近写H5项目用到支付宝付款。首先将订单信息传到后台接口,利用返回id，调用支付宝网页支付接口，后端把提交的from表单的标签返给前端，调用表单中的submit方法唤起支付宝界

r囧r小猫/ 2023年02月22日 08:18/ 0 赞/ 16 阅读

相关支付宝APP支付（JAVA生成支付信息，uniapp拉起支付宝支付）

目录支付APP支付参数配置方法配置 -------------------- 支付APP支付根据接口加签方式自行选择使用密钥或者证书（注：支付

淡淡的烟草味﹌/ 2022年11月21日 14:56/ 0 赞/ 397 阅读

相关 uniapp使用支付宝支付

[uni.requestPayment()][uni.requestPayment] // ifdef H5 this.apply = res.data.pa

港控/mmm°/ 2022年09月08日 14:59/ 0 赞/ 358 阅读

相关支付宝

<table> <tbody> <tr> <td> <table> <tbody> <tr> <

Bertha 。/ 2022年08月27日 12:42/ 0 赞/ 306 阅读

相关 app支付宝支付

> 首先简单说一下流程: > > 1. android或ios通过java或其他后台服务端语言获取一个签名字符串orderinfo（支付宝提供了jar和de

阳光穿透心脏的1/2处/ 2022年04月11日 10:00/ 0 赞/ 447 阅读

相关 php 支付宝支付

1. 官方文档 app支付：[https://docs.open.alipay.com/204/105297/][https_docs.open.alipay.com_2

心已赠人/ 2022年02月28日 05:36/ 0 赞/ 444 阅读

相关 flutter 支付宝支付

（一）下载地址： pub地址：`flutter_alipay` 选下图中的第一个就好了。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZ

电玩女神/ 2021年08月20日 01:01/ 0 赞/ 703 阅读