h5在app中唤起微信支付,h5拉起微信支付
公司项目之前已有支付宝支付,现要求增加微信支付,第一次做,摸着石头过河!结果是满意的。
废话就不说了直接上代码:
var Ali channel=nullvar wx channel=null//定义支付方式切换var state _ type=1;//选择支付方式默认为支付宝样式$(.zfb’).查找( I ).css(背景-图像, url(./img/pl _ 8。png));$(.付)。on(singleTap ,). pay_c ,function(){ $(this).查找( I ).css(背景-图像, url(./img/pl _ 8。png));$(这个)。兄弟姐妹()。查找( I ).css(背景-图像, url(./img/pl _ 9。png));如果($(这个)。查找( span ).文本()。trim()==支付宝){ state _ type=1;}else if($(这个)。查找( span ).文本()。trim()==微信){ state _ type=2;} }) //点击支付$(.支付_ BTN).unbind();$(.支付_ BTN).单击(function(){ if(state _ type==1){//支付宝通道mui.plusReady(function () { //获取支付通道另外。付款。get channels(function(channels){ for(var I in channels){ if(channels[I].id== wx pay ){ wx channel=channels[I];} else { Ali channel=channels[I];} } },函数{ alert(获取支付通道失败: e . message);});}) mui.post(此处填写支付接口, { 此处填写所需参数},函数(数据){控制台。log(JSON。stringify(数据));if(data){ data=data。数据。paystr另外。付款。request(aliChannel,data,function (result) { //支付成功处理},函数{ floatRemind(付费失败,用户已取消);});} else { plus.nativeUI.alert(支付失败);} });}else if(state_type==2){ //微信通道mui.plusReady(function () { //获取支付通道另外。付款。get channels(function(channels){ for(var I in channels){ if(channels[I].id== wx pay ){ wx channel=channels[I];} else { Ali channel=channels[I];} } },函数{ alert(获取支付通道失败: e . message);});}) mui.post(此处填写支付接口, { 此处填写所需参数},函数(数据){ data=JSON。stringify(数据。数据);if(数据){ plus。付款。request(wx通道,数据,函数(结果){ //支付成功处理},函数(msg){//JSON。stringify(味精。消息)浮动提醒(支付失败);});} else { plus.nativeUI.alert(支付失败);} });} })自己已经用过了,没有问题,支付宝可以真机调试,微信必须打包下载测试。
测试过程中有过报错-100,百度各种解决方法,后来发现不是前端问题,有人说打包必须选自有证书,自己试过了不需要,公用证书就可以的。
这就是代码。可以直接用。如果考的还可以,请给我一些鼓励。谢谢大家!请原谅我第一次写博客。
关于h5移动调用支付宝和微信支付的实现的这篇文章到此为止。更多关于h5手机支付宝微信支付的信息,请搜索往期文章或继续浏览下方相关文章。希望你以后能支持我!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。