小程序支付前端代码

小程序支付前端代码_第1张图片



// pages/pay/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
	  
		this.setData({
			paymoney:options.paymoney,
			body:options.body,
		})
  },

   pay: function (e) {
    //获取金额
  
	
    //获取微信id
    var openid = wx.getStorageSync("openid");
    //下订单并唤起微信支付
	var body = this.data.body
	var paymoney = this.data.paymoney
	var that = this ;
    wx.request({
      url:'https://xxxxxxxxxxxx.com/pay.php',
      data: {
        openid:openid,
        paymoney: paymoney,
		body:body
      },
      method: "POST",
      headers: {
        'Content-Type': 'application/json'
      },
      header: { 'content-type': 'application/json' },
      success: function (res) {

          //客户单发起微信请求
         wx.requestPayment(
           {
            'appId': res.data.appid,
            'timeStamp': res.data.timeStamp,
            'nonceStr': res.data.nonceStr,
            'package': res.data.package,
            'signType': 'MD5',
            'paySign': res.data.paySign,
            'success': function (res) {
						wx.showToast({
							  title: '支付成功',
							  duration: 1200
							})
              console.log('支付成功');
		   	  setTimeout(function(){
				   wx.redirectTo({
						url: '../pay/payok?paymoney='+that.data.paymoney+'&body='+that.data.contents
					})
				},1000);

			  
			  //这里完成跳转

            },
            'fail': function (res) {
				if(res.errMsg=="requestPayment:fail cancel"){
					wx.showToast({
								  title: '支付取消',
								  duration: 1200
					})
					
				}else{
					
					  wx.showToast({
								  title: '支付失败',
								  image: '../../images/error.png',
								  duration: 1200
					})
					
				}
				
				//支付失败
                console.log(res);
            },
            'complete': function (res) { }
          })

      }
    })


  },
  
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})

效果图


小程序支付前端代码_第2张图片

小程序支付前端代码_第3张图片


小程序支付前端代码_第4张图片



小程序支付前端代码_第5张图片



你可能感兴趣的:(小程序支付,支付)