H5手机端调起支付宝app支付

1.调起APP页面如下

步骤

1.让后端对接一下以下文档(手机网站支付通过alipays协议唤起支付宝APP)

https://opendocs.alipay.com/open/203/107091?pathHash=45006f4f\&ref=api

2.后端接口会返回一个form提交表单

html:在页面中定义一个div,用于存放表单

复制代码
<div id="pay"></div>

js:接口请求成功后,表单赋值,然后提交

复制代码
 document.getElementById("pay").innerHTML = url ;
document.forms['punchout_form'].submit();


punchout_form是后端返回表单中的name

然后就可以啦,然后可以自己做个页面用来接收支付成功还是失败

相关推荐
kismet787几秒前
fetch 正常,页面却 404?Nuxt 3 + CDN 跨域下的 preload CORS 陷阱
前端·产品
如果超人不会飞2 分钟前
新手避坑:使用 TinyRobot 入门阶段常见误区总结
前端·vue.js
嘟嘟07174 分钟前
二叉树从入门到实战:四大遍历 + 递归思想详解
前端
渣波5 分钟前
全栈开发的“影分身”之术(mock):别再手动造数据了,你的 CRUD 不配让我等!
前端·javascript
亿元程序员5 分钟前
小伙伴说这个撕胶带游戏很火很解压,于是我连夜做了一个Cocos教程...
前端
如果超人不会飞6 分钟前
一文读懂 TinyRobot:前端 AI 组件库定位、价值与适用场景
前端·vue.js
如果超人不会飞8 分钟前
用TinyRobot Welcome组件打造贴心的AI助手欢迎页
前端·vue.js
悟空瞎说8 分钟前
Compose内嵌Flutter混合开发详解:页面嵌入、引擎缓存与双向通信完整实战
前端
如果超人不会飞9 分钟前
TinyRobot DragOverlay轻松实现AI对话中的拖拽上传
前端·vue.js
elirlove19 分钟前
打造属于自己的网页工匠台:HTML在线编辑器技术深度解析
前端·编辑器·html