關于網絡通信，這里我使用的是wx.request,官方代碼示例如下:

wx.request({ url: 'test.php', //僅為示例，并非真實的接口地址 data: {  x: '',  y: '' }, header: {  'content-type': 'application/json' // 默認值 }, success (res) {  console.log(res.data) }})

對于初學者而言，官方示例可能會看不怎么懂，所以我就以我自己當初項目驅動學習的方式(開發個人的記賬小程序)來作為學習實例。

以登錄來說，效果圖如下:

此次示例包含表單校驗和網絡請求，代碼如下:

login.js

// pages/login/login.jsPage({ /**  * 頁面的初始數據  */ data: {  username: "",  password: "" },  register:function(e){  wx.navigateTo({   url: '../register/register'  }) }, formSubmit: function(e) {  console.log(e.detail.value.email);  console.log(e.detail.value.pwd)  var username = e.detail.value.email;  var password = e.detail.value.pwd;  var emailReg = /^[A-Za-z/d]+([-_.][A-Za-z/d]+)*@([A-Za-z/d]+[-.])+[A-Za-z/d]{2,4}$/;  if (username == null || username == "") {   wx.showToast({    title: "用戶名不能為空",    icon: 'none',    duration: 1500   })  } else if (!emailReg.test(username)) {   wx.showToast({    title: "郵箱有誤",    icon: 'none',    duration: 1500   })  } else if (password == null || password == "") {   wx.showToast({    title: "密碼不能為空",    icon: 'none',    duration: 1500   })  } else {   wx.request({    url: getApp().globalData.urlPath + "sysUser/login",    method: "POST",    data: {     username: username,     password: password    },    header: {     "Content-Type": "application/x-www-form-urlencoded"    },    success: function(res) {     console.log(res.data);     if (res.statusCode == 200) {      //訪問正常      if (res.data.code == "000000") {       wx.showToast({        title: "登陸成功",        icon: 'success',        duration: 2000,        success: function() {         wx.navigateTo({          url: '../manage/manage'         })         wx.setStorage({          key: 'userId',          data: res.data.user.userCode         })         wx.setStorage({          key: 'userName',          data: res.data.user.userName         })         console.log("test:" + wx.getStorageSync('userName'));        }       })      } else if (res.data.code == "111111") {       wx.showToast({        title: "密碼錯誤",        icon: 'none',        duration: 1500       })      } else {       wx.showToast({        title: "該用戶不存在",        icon: 'none',        duration: 1500       })      }     } else {      wx.showLoading({       title: '系統異常',       fail      })      setTimeout(function() {       wx.hideLoading()      }, 2000)     }    }   })  } }})

關于login.js，主要是寫通信邏輯的，與咱們平時寫js差異并不大，唯一不同的就是api長得不樣罷了。