在微信小程式中，我們可以通過微信的API與伺服器進行資料傳遞，接下來我會詳細介紹一下wx.request的用法。

首先給出前端程式碼，我們定義一個按鈕，繫結點選事件，用於給伺服器傳送請求。當伺服器返回資料後，通過wx:for迴圈出陣列中的資料。

<button type="primary" bindtap='sendRequest'> 傳送http請求 </button>

<!-- 通過wx:for迴圈遍歷list陣列 -->
<view wx:for="{{list}}" wx:key="key">
name:{{item.name}}
 

id:{{item.Id}}
</view>

接下來看一下後來js的請求邏輯。

var SERVER_PATH ="http://伺服器IP/處理該請求的檔案";//定義伺服器地址
Page({

  /**
   * 頁面的初始資料
   */
  data: {
    list: [],//list陣列用於接受伺服器穿回來的json陣列
  },
  sendRequest : function(){
    var that=this;//獲取到全域性變數

    wx.request({
      url: SERVER_PATH,//給函式傳遞伺服器地址引數 
      data: {
        x: ''
 
,
        y: ''
      },//給伺服器傳遞資料，本次請求不需要資料，可以不填
      header: {
        'content-type': 'application/json' // 預設值，返回的資料設定為json陣列格式
      },
      success: function (res) {
        console.log(res);//打印出返回的資料
        var data=res.data;
        that.setData({
          list: data
        })//通過setData方法把返回的資料複製給本頁面定義的list陣列
 

      },
    })
  },
})

大家可能心中還會有一些疑問，接下來我們來看一看json陣列中的內容。

json陣列中有兩個元素，索引分別為0和1，我們通過wx:for把這兩個元素遍歷出來。每一個元素中包含兩個屬性，我們把list陣列丟給for迴圈，然後標籤內的{{item}}則代表每一個元素，{{item.name}}則代表name屬性，就這樣，我們就可以把json陣列中的每一個值都遍歷出來，是不是很方便。