小程式實作與後台資料互動模板分析，簡單上手

最近在做小程序，第一次上手，設計頁面還比較容易，就是設計到與後台做交互的時候，我要崩潰了，看了官方API還是不會，問公司的前輩，人家直接給我寫好了模板，來看看：

/引入代码
var call = require("../util/request.js")

Page({
  data: {
    pictureList: [],
  },

  onLoad: function () {
    var that = this;
    //调用封装的方法，为了方便我直接在页面加载的时候执行这个方法
    call.getData(url, this.shuffleSuc, this.fail);
    this.loadMsgData(that);
  },
  shuffleSuc: function (data) {
    var that = this;
    that.setData({
      pictureList: data.rows
    })
    //我后面测试了一下，直接this.setData也可以，但是因为我在没有使用封装方法的时候
    //this.setData报过错，不能直接用this，所以我在赋值的时候一般都会加上var that = this;
  },
  fail: function () {
    console.log("失败")
  },
})

前後台互動是這樣的：

1、不需要傳值的條件下：後台的方法用GET

這個地方要改成get，然後按照上面這個模板寫就可以了

2、需要傳一些值：後台用POST

然後，把模板改一下

call.request('對應後台的方法'，{要傳的值}，this.success,this.fail)這裡要把getData給成request,然後把值寫在裡面傳給後台，同時，後台要有對應的接受的變數；

比如：

##我要把主題和類型和內容傳到後台，同時還要知道是誰寫的（用openid），那麼對應的call就是：call.request('方法',{openid：要穿的openid，title：e.detail.value(取得input輸入的值)，type：同理，content：同理},this.success,this,fail),對應的後台，我用一個單獨變數接收openid，其他的用一個物件去接收，這樣就實現了小程式將值傳送給後台；

小程式和後台互動就這樣實現了，哎呀，終於把資料都接完了。

相關文章：

微信小程式wx.request實作後台資料互動功能分析

微信小程式實作與後台PHP交互

相關影片：

微信小程式事件互動-千鋒教育微信小程式開發影片教學

以上是小程式實作與後台資料互動模板分析，簡單上手的詳細內容。更多資訊請關注PHP中文網其他相關文章！