微信小程序与H5相互跳转和传递数据

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

这是小程序和web-vew的H5相互传参,H5使用小程序的微信支付的代码

H5部分




	
		
		
		心意有礼
		
		
		
		
		
		
		
	

	
		
{{phone_type}}
{{item.productName}}
售价:{{item.productPrice/100}}.00元
{{item.productName}}
售价:{{item.productPrice/100}}.00元
{{summarize_title}}
¥{{summarize_money/100}}.00元
¥{{aac/100}}元
充值

小程序部分



// pages/h5/h5_index.js
var config = require('../../config.js');
var util = require('../../utils/util.js');
var app = getApp();
Page({

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

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that=this;
    app.promise.then(resolve => {
      that.setData({
        url: 'http://127.0.0.1:8020/%e5%85%85%e8%af%9d%e8%b4%b9h5/index.html?token=' + app.token
      })
    })
    if (options.data) {

      that.setData({
        h5_show: false
      })
      var data = JSON.parse(options.data);
      data.price = (Math.round(data.price * 100) / 100)
      var url = config.HTTP_URL + '/v1/product/getPayConfig.do';
      util.request(url, 'post', data, '正在充值', function (res) {
        if (res.data.success == true) {
          var _data = res.data.body;
          that.setData({
            orderId: _data.orderId,
          })
          // console.log('store_obj:', store_obj)
          var pbj = _data.payConfig
          wx.requestPayment({
            'timeStamp': pbj.timeStamp,
            'nonceStr': pbj.nonceStr,
            'package': pbj.package,
            'signType': 'MD5',
            'paySign': pbj.paySign,
            'success': function (res) {
            },
            'fail': function (res) {
              return;
              console.log("失败" + JSON.stringify(pbj.nonceStr))
            },
            'complete': function (res) {
              wx.reLaunch({
                url: '/pages/h5/h5_index',
              })
              console.log("complete" + JSON.stringify(res))
            },

          })
        } else {
          if (res.data.msg) {
            wx.showModal({
              title: '温馨提示',
              content: res.data.msg,
            })
          }
        }
      }, function (e) {
        wx.showToast({
          title: '网络错误,请稍后再试。。。',
          icon: 'none'
        })
      })
    }

  },

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

  }
})

 

你可能感兴趣的:(微信小程序,JS,Web前端)