1、從0開始寫(xie)小(xiao)程序（一(yi)）點擊事件，獲取元素id，頁面傳值

不是(shi)專業(ye)程序(xu)員，突然就想研究一(yi)下微信小(xiao)程序(xu)的(de)(de)(de)開發，開發一(yi)個實時(shi)的(de)(de)(de)菜價系統小(xiao)程序(xu)，新手一(yi)個，什么都不懂，就從0開始，想著(zhu)寫(xie)個博客把遇到的(de)(de)(de)問題和解決的(de)(de)(de)辦法一(yi)點點的(de)(de)(de)寫(xie)下來(lai)吧(ba)。

首先遇到的問(wen)題就是參數傳遞；

小程序里的點擊觸發事件、如何獲取當前元素的id、如何吧值傳遞到下一個頁面例：
wxml里：  

1. <view class="kindleft">
2.  
3.   <a catchtap="gotoresult" id="vegetables" class="button">蔬菜類a>
4.  
5. </view>

catchtap是點擊觸發 觸發的內容是等于號后面“”里的函數方法
js里：

1. gotoresult:
2.  
3.   function (e) {
4.    
5.     var kind = e.target.id
6.  
7.         console.log(kind);
8.  
9.     wx.navigateTo({
10. url: '../result/result?kind='+kind});
11.   
12.     }

觸發了函數，這里的重點是 通過e.target.id
可以獲取當前控件的id值，通過wx.navigateTo跳轉頁面，在url里寫參數（如?kind=kind）的方式傳遞值，
在(zai)下(xia)一個頁面(mian)(mian)里，通過onload里options.kind的(de)(de)方(fang)法(fa)獲取傳過來的(de)(de)值，這(zhe)里的(de)(de)kind即上面(mian)(mian)寫的(de)(de)參數名稱，如(ru)：

1. onLoad: function (options) {
2.  
3.       var ta=options.kind;   
4.     console.log(txt);
5.   
6. },
7.  

 2、從0開始寫小(xiao)程序（二）獲取js里的(de)數據

wxml如何獲取js里的(de)數據

例：
wxml里：

<text id="twl">{{txt}}text>

通過上面的{{txt}}可以對應獲取js里data下定義的txt的值
js里：

1. data: {
2.  
3.     txt:{}
4.     }

首先在data里定義(yi)一(yi)個(ge)“容器”txt：{}，{}內為空(kong)代表是從別(bie)的地(di)方傳值(zhi)(zhi)進去(qu)，當然{}里也可以直接寫數(shu)據，如(ru)txt：{‘123’}，上面(mian)的wxml獲取了就(jiu)相當于 123；通過其他方法傳值(zhi)(zhi)到容器里用一(yi)個(ge)this.setData({})的方法，如(ru)：  

1. onLoad: function (options) {
2.  
3.      var ta=options.kind;
4.  
5.       this.setData({
6.  
7.         txt:ta,
8.  
9.       })
10.  
11.  },

這樣上面data里定義的txt的值就是ta的值了，對(dui)了小程(cheng)序(xu)一(yi)定要用https