小程序点击跳转外部链接,计算问题,后台解密获取更多用户信息

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_40670946/article/details/82495835

使用场景:

小程序上体点击图跳转广告(百度这种链接)

直接上代码:
index.wxml

<!--pages/index/index.wxml-->
<view wx:for="{{nav}}" wx:key="{{item}}">
   <image src='{{item.img}}' data-url="{{item.link}}" bindtap="intoUrl"></image>
</view>

index.js

<!--pages/index/index.js-->
Page({
	data:{
		nav: [
		      {
		        name: '你很不错',
		        img: '../../img-test/8.jpg',
		        link:"http://www.baidu.com"
		      },
		      {
		        name: '怎么?',
		        img: '../../img-test/9.jpg',
		        link: "http://www.baidu.com"
		      },
		      {
		        name: '忧郁的眼神',
		        img: '../../img-test/10.jpg',
		        link: "http://www.baidu.com"
		      }
		    ]
         },
         //点击事件
         intoUrl:function(e){
            console.log(e);
            //获取data-url (笔者是从e对象中取,具体看调试中的值)下面有讲解链接:微信小程序中target与currentTarget
		    let url = e.currentTarget.dataset.url;
		    wx.navigateTo({
		      url: '../out/out?url=' + url, //注意修改路径
		      success: function () {
		      }, 
		      fail: function () { },         //失败后的回调;
		      complete: function () { }      //结束后的回调(成功,失败都会执行)
		    })
		  }  
})

注意:如果data-url="{{item.link}}" 改为data-URL="{{item.link}}",e对象中大写字母会被转换为小写字母,取值应当为e.currentTarget.dataset.url而不是e.currentTarget.dataset.URL

out.wxml

<!--外部链接pages/out/out.wxml-->
<web-view src="{{url}}"></web-view>

out.js

// pages/out/out.js
Page({
  data: {
    url:''
  },
  onLoad: function (options) {
    this.setData({
      url: options.url
    });
  }
})

更多的传值技巧:https://www.jianshu.com/p/2ad63f6295fd
微信小程序中取值target与currentTarget:https://www.cnblogs.com/lxm-ivamos/p/7613883.html
java+ssm后台解密:https://blog.csdn.net/abgglive/article/details/80666807
java+servlet后台解密:https://blog.csdn.net/gaoqisong/article/details/81975375
微信小程序-横向滑动scroll-view隐藏滚动条:https://blog.csdn.net/qq_24734285/article/details/53912799
解决JS浮点数(小数)计算加减乘除的BUG:https://blog.csdn.net/lg_lin/article/details/50729695

猜你喜欢

转载自blog.csdn.net/qq_40670946/article/details/82495835