当前位置: 首页 > news >正文

uniapp h5支付宝支付后端返回Form表单,前端如何处理

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 前言
    • 1.调取接口拿到后端返回的form表单


前言

uniapp h5 支付宝支付,后端返回一串form表单,前端如何拿到支付串并且调用支付


1.调取接口拿到后端返回的form表单

表单案例:在这里插入图片描述
1.拿到form表单可以存储表单到本地

uni.setStorageSync('Form', res.data) //form表单

2.跳转页面将form表单渲染成页面(直接无脑复制,注意–获取本地的form表单)

<template><view><div class="body"></div><!-- <rich-text :nodes="formUrl"></rich-text> --></view>
</template><script>
export default {data() {return {formUrl: '' // 用于展示form表单的URL};},onLoad() {const Form = uni.getStorageSync('Form');   //获取你本地存储的form表单渲染成页面this.formUrl = Form//将接口返回的Form表单显示到页面document.querySelector('body').innerHTML = this.formUrl; // body对应上面的class	 this.$nextTick(() => {console.log(document.forms,"form"); //跳转之前,可以先打印看看forms,确保后台数据和forms正确,否则,可能会出现一些奇奇怪怪的问题 ╮(╯▽╰)╭document.forms['0'].submit();  //重点--这个才是跳转页面的核心,获取第一个表单并提交});},methods:{}
};
</script><style scoped></style>

完美解决

参考博客:
UNI-APP解析支付宝返回FORM表单,唤起支付宝界面 https://www.freesion.com/article/6241970398/
Vue完美解决支付宝返回的form表单问题,这可能是最有效的解决办法了 https://blog.zixutech.cn/archives/324
vue项目中后端返回的支付宝form表单,怎么实现支付跳转? https://blog.csdn.net/qq_45934004/article/details/126156546
Vue自动提交form表单后,自动跳转第三方页面 https://www.jianshu.com/p/e2323b4e2cf9
开发笔记之uniapp 支付宝支付返回form表单解决方案 http://blog.haiya360.com/archives/766.html
vue 支付宝返回url 新窗口打开 https://blog.csdn.net/wax9092/article/details/86631151
H5处理支付宝接口返回form https://www.jianshu.com/p/8c5375671495
vue项目中后端返回的支付宝form表单,怎么实现支付跳转? https://blog.csdn.net/qq_45934004/article/details/126156546
Vue完美解决支付宝返回的form表单问题,这可能是最有效的解决办法了 https://blog.zixutech.cn/archives/324

http://www.lryc.cn/news/107255.html

相关文章:

  • 【华秋干货铺】PCB布线技巧升级:高速信号篇
  • c#:ObservableCollection<T>的用法
  • Linux 端口号占用如何处理(使用命令处理)
  • ubuntu git操作记录设置ssh key
  • SystemVerilog数组参数传递及引用方法总结
  • Shell脚本学习-While循环1
  • docker for Windows, WSL2 ,Hyper-v的关系
  • SAS-数据集SQL水平合并
  • 企业既要用u盘又要防止u盘泄密怎么办?
  • 汉明距离,两个整数之间的 汉明距离 指的是这两个数字对应二进制位不同的位置的数目。
  • Android 之 使用 Camera 拍照
  • 盘点7月Sui生态发展,了解Sui的近期成长历程!
  • 6.物联网操作系统信号量
  • 《向量数据库指南》——使用Milvus Cloud操作员安装Milvus Cloud独立版
  • Redis的基础知识
  • Sorting Layer与Order in Layer
  • 动手学深度学习—卷积神经网络(原理解释+代码详解)
  • 环球数科、BUFFALO面试(部分)
  • RabbitMQ快速入门
  • 使用Git在GitHub上部署静态页面
  • SQL-每日一题【1084. 销售分析III】
  • Redis 软件包,在 CentOS 7 中安装 Redis
  • 01.Redis实现发送验证码保存功能
  • C++STL——deque容器详解
  • docker 哨兵模式和集群模式安装Redis7.0.12
  • go nil 与零值
  • puppeteer监听response并封装为express服务调用
  • kubernetes之Ingress
  • 前端实现打印1 - 使用 iframe 实现 并 分页打印
  • MIAOYUN获评“2023年度一云多芯稳定安全运行优秀案例”