首页 > 编程知识 正文

前端,网页支付功能怎么实现

时间:2023-05-04 05:03:29 阅读:129939 作者:1500

实现微信小程序支付功能(前端)

var app=getApp (;

page({ ()

data: {},Onload:function{},options}

//页面初始化选项为页面跳转带来的参数

var that=this

//登录获取代码

wx.login({

success :功能(RES ) {

控制台. log (RES.code ) )。

获取openid

that.getopenid(RES.code ) )。

}

);

、获取开放id :功能(代码)。

var that=this;

wx.request({ (

URL : ' https://API.weixin.QQ.com/SNS/jscode2session? appid=appidsecret=applet应用密钥js _ code=' code ' grant _ type=authorization _ code ',data: {},method :

that.generate order (RES.data.OpenID ) )。

、故障: function ()、故障: function ) )。

//故障

、complete: function (

//complete

}

() )

(、/)生成商户订单/

生成顺序:功能{

var that=this

//统一支付

wx.request({ (

url: '后台路径',data: {

gfee:“商品价格”、gname:“商品名”、openId:openid

(商品价格和商品名是否根据自己的需要传达值,openid一定会传达)

、success:function(RES ) )

var pay=res.data

//开始付款

var timeStamp=pay[0].timeStamp;

var packages=pay[0].package;

var paySign=pay[0].paySign;

var nonceStr=pay[0].nonceStr;

var param={ ' timestamp ' : timestamp,' package': packages,' paySign': paySign,' signType': 'MD5

that.pay(param )

)、) )

(、) /支付/

pay :功能(param ) {

控制台. log (“支付”) ) )。

控制台. log (param ) ) )。

wx.requestPayment({ ()

timeStamp: param.timeStamp,nonceStr: param.nonceStr,package: param.package,signType: param.signType

//success

wx.navigateBack({ (

三角洲:1,//回退前的三角洲(默认值为1 )页面

success :功能(RES ) {

wx.showToast({ (

title: '支付成功',icon: 'success ',duration: 2000

() )

、故障: function ()、故障: function ) )。

//故障

、complete: function (

//complete

}

() )

、故障:功能(RES ) )

//故障

、complete: function (

//complete

}

() )

}

() )

感谢您的阅读。 希望对大家有帮助。 感谢您对本网站的支持。

总结

如果你觉得编程家庭网站的内容很好,欢迎程序员朋友推荐程序员网站。

该文字内容由网民网络收集整理提供,作为学习参考,版权归原作者所有。

小编个人微信号jb51ccc

喜欢与人分享编程技术和工作经验,欢迎来到编程之家官方交流群!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。