h5调微信支付 unkonw url_h5移动端调用支付宝、微信支付的实现
公司项目之前已有支付宝支付,现要求增加微信支付,第一次做,摸着石头过河!结果是满意的。
废话就不说了直接上代码:
var aliChannel = null;
var wxChannel = null;
// 定义支付方式切换
var state_type = 1;
// 选择支付方式 默认为支付宝样式
$(".zfb").find("i").css("background-Image","url(../img/pl_8.png)");
$(".pay").on("singleTap",".pay_c",function(){
$(this).find("i").css("background-Image","url(../img/pl_8.png)");
$(this).siblings().find("i").css("background-Image","url(../img/pl_9.png)");
if($(this).find("span").text().trim() == "支付宝"){
state_type = 1;
}else if($(this).find("span").text().trim() == "微信"){
state_type = 2;
}
})
// 点击支付
$('.pay_btn').unbind();
$('.pay_btn').singleTap(function () {
if(state_type == 1){
// 支付宝通道
mui.plusReady(function () { // 获取支付通道
plus.payment.getChannels(function (channels) {
for (var i in channels) {
if (channels[i].id == "wxpay") {
wxChannel = channels[i];
} else {
aliChannel = channels[i];
}
}
}, function (e) {
alert("获取支付通道失败:" + e.message);
});
})
mui.post('此处填写支付接口', {
'此处填写所需参数'
},
function (data) {
console.log(JSON.stringify(data));
if (data) {
data = data.data.payStr;
plus.payment.request(aliChannel, data, function (result) {
// 支付成功处理
}, function (e) {
floatRemind("付费失败,用户已取消");
});
} else {
plus.nativeUI.alert("支付失败");
}
});
}else if(state_type == 2){
// 微信通道
mui.plusReady(function () { // 获取支付通道
plus.payment.getChannels(function (channels) {
for (var i in channels) {
if (channels[i].id == "wxpay") {
wxChannel = channels[i];
} else {
aliChannel = channels[i];
}
}
}, function (e) {
alert("获取支付通道失败:" + e.message);
});
})
mui.post('此处填写支付接口', {
'此处填写所需参数'
},
function (data) {
data = JSON.stringify(data.data);
if (data) {
plus.payment.request(wxChannel, data, function (result) {
// 支付成功处理
}, function (msg) {
// JSON.stringify(msg.message)
floatRemind('支付失败');
});
} else {
plus.nativeUI.alert("支付失败");
}
});
}
})
自己已经用过了,没有问题,支付宝可以真机调试,微信必须打包下载测试。
测试过程中有过报错-100,百度各种解决方法,后来发现不是前端问题,有人说打包必须选自有证书,自己试过了不需要,公用证书就可以的。
代码就是这些,可以直接拿去用,测试如果OK,请给点鼓励,谢谢!第一次写博客,写的不好请见谅!
到此这篇关于h5移动端调用支付宝、微信支付的实现的文章就介绍到这了,更多相关h5移动端支付宝微信支付内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
h5调微信支付 unkonw url_h5移动端调用支付宝、微信支付的实现相关推荐
- python 调用支付宝微信接口_前端在h5页面调起微信支付接口和支付宝接口(日常笔记)...
微信支付 微信文档中的例子如下. function onBridgeReady(){ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "ap ...
- 微信支付最佳实践-服务端如何防止重复支付
DUBBO之家 2023-01-10 14:01 发表于北京 点击上方 "DUBBO之家" 关注公众号 终身学习 技术干货 及时送达 往期回顾 这次彻底读透 Redis Java ...
- Android开发中的第三方支付SDK的接入与使用(支付宝+微信支付+银联)
支付宝微信银行卡支付SDK接入 支付宝支付: 一. 绑定前提: 我们自己要和支付宝签约(商户签约).-->运营完成 秘钥配置-->协助运营完成秘钥的配置(公钥互换),可能程序员会参与 集 ...
- php调用支付宝微信支付接口 免签约 实测能用
找了很多支付宝微信支付收款的办法,接入的时候发现根本不靠谱,终于实测到了一个可以用的,(验证效果不用改代码,php环境下Demo.php直接打开看就行了 附件放在下面了) 支付宝收款实测有效,微信支付 ...
- h5移动端 调用支付宝、微信支付
公司项目之前已有支付宝支付,现要求增加微信支付,第一次做,摸着石头过河!结果是满意的. 废话就不说了直接上代码: var aliChannel = null; var wxChannel = null ...
- h5调用支付宝 php支付源码,友价源码如何集成支付宝H5接口(即支付宝手机支付接口)...
在旧版的友价源码系统中,手机里打开友价程序,用支付宝付款时,还是跳到PC端的付款页面,现在新版的补丁已经改进这个问题,可以直接实现支付宝手机版付款,效果如下: 具体的设置方法请严格按照以下步骤操作,因 ...
- 支付宝支付成功之后的接口_支付宝放支付大招,花呗借呗之后又来一“呗”,快告诉家人吧!...
支付宝目前已经成为了人们外出购物或者是通行,使用最频繁并且最方便的支付APP.可以说,现在除了微信是支付宝的一大竞争者之外,应该是没有什么支付软件可以对支付宝形成威胁了.为了能让使用支付宝的用户感受到 ...
- 微信扫码小绿盒支持支付宝+微信收款教程
前言:微信扫码小绿盒是腾讯公司的产品,再不接入云支付系统前仅支持微信收款,要想支持微信+支付宝收款,则需要接入云支付系统即可支持支付宝收款. 情况一:小绿盒已使用过 1.打开微信商户收款小程序,复制商 ...
- UC 浏览器调用支付宝本地支付
近期观察到:在 UC 浏览器中打开网页进行支付宝支付时,会自动调起支付宝 APP 进行支付. 针对这个现象今天分析了一下 UC 浏览器的实现方案. 发现在UC 上进行支付(也就是访问支付宝 WEB A ...
最新文章
- 从Google Wave和XML看软件复杂性之争,互联网营销
- JAVA错误日志(part1)--编码GBK的不可映射字符
- 用于zsh的高亮插件 zsh-syntax-highlighting
- Open cup #2
- mes二次开发可以用c++吗_可以用水洗单反镜头吗
- 华为Mate 30系列发布会定档:年度机皇 天生优秀!
- C#中sql备份与还原
- vs visual stdio 调试 显示指针为数组
- python em和web_浅析Python的web.py框架中url的设定方法
- 美国节点服务器有什么优势,美国CN2服务器的概念与优势
- win7修复计算机有密码,win7系统恢复选项密码
- 西门子PLC丨虚拟机运行仿真器供物理主机使用
- unity学习之NGUI做NPC对话
- 茴字有几种写法?SQL排名问题之全局排名的四种解法
- syntax sugar 2
- 2019蓝桥杯国赛c++ A组
- 安徽师大附中%你赛day6 T3 Hamsters [POI2010]CHO-Hamsters 解题报告
- 校招|我的秋招记录——(自然语言处理-面经+感悟)
- 研修国学请注意选好教材
- 修建道路(最小生成树)
热门文章
- python any all
- google authenticator python_Google Authenticator TOTP原理详解(以Python为例)
- 追逐鼠标光标的好奇小猫咪
- Ubuntu18.04编译Android源码openssl版本过高
- Chrome查看Android的systrace抓取的log
- Mac目录映射到docker容器ubuntu目录
- 实战开发经验:是什么阻碍了我们跨平台
- C#之Bcd码时间转成ToDateTime
- Linux服务器php7.3,安装zip扩展
- 0497计算机组成原理在线作业,0497《 综合实践活动课程设计》20秋西南大学在线作业答案...