小程式點選跳轉外部連結,計算問題,後臺解密獲取更多使用者資訊
阿新 • • 發佈:2018-11-27
使用場景:
小程式上體點選圖跳轉廣告(百度這種連結)
直接上程式碼:
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