微信小程序之跳轉、請求、帶參數請求小例子

wx.request(OBJECT)

wx.request發起的是 HTTPS 請求。一個微信小程序，同時只能有5個網絡請求連接。 
具體參數說明參看微信小程序官方文檔-發起請求。 
例：

//當頁面加載時，請求后台數據，並賦值給前台顯示 Page({ data:{ new_list:[] }, onLoad:function(){ var that = this; wx.request({ url:'http://wxcms.com/getList', header:{ 'content-type':'application/json', }, success:function(res) { //將請求的后台數據賦值new_list that.setData({ new_list:res.data, }) } }) } })

wx.navigateTo(OBJECT)

保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。 
具體參數說明參看微信小程序官方文檔-跳轉

例： 
wxml代碼：

<view class="lists"> <view class="img"> <!---這里綁定了一個手指觸摸后馬上離開的時間，跳轉時並帶上了id參數--> <image src="{{img}}" bindtap="detial" data-id="{{id}}"></image> </view> <view class="info"> <view class="title">{{title}}</view> <view class="time">{{time}}</view> </view> </view>

js代碼：

Page({
    data:{
        new_list:[]
    },
    detial:function(event){
        //帶id跳轉到指定的頁面，這里的event.currentTarget.dataset.id是獲取wxml頁面上的data-id參數，詳見事件說明 wx.navigateTo({ url:"../../pages/detail/detail?id="+event.currentTarget.dataset.id }) } })

帶參數的wx.request(OBJECT)

上述代碼跳轉到指定頁面后：

Page({
    data:{
        info:{}
    },
    //res對象包含了跳轉頁面中的id參數，再頁面加載時，獲取id參數然后向后台請求參數，並賦值 onLoad:function(res) { var that = this; wx.request({ url:"http://wxcms.com/getOne", //這里是傳參res.id就是跳轉url（?id=xxxx）的參數值 xxxx data:{ id:res.id, }, header:{ 'content-type':'application/json' }, success:function(msg) { that.setData({ info:msg.data, }) } }) } })