1. 程式人生 > >小程式點選跳轉外部連結,計算問題,後臺解密獲取更多使用者資訊

小程式點選跳轉外部連結,計算問題,後臺解密獲取更多使用者資訊

使用場景:

小程式上體點選圖跳轉廣告(百度這種連結)

直接上程式碼:
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