小程式與後台互動的實作（附程式碼）

這篇文章帶給大家的內容是關於小程式與後台互動的實作（附程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

最近在做小程序，第一次上手，設計頁面還比較容易，就是設計到與後台做交互的時候，我要崩潰了，看了官方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，其他的用一個物件去接收，這樣就實現了小程序傳值給後台；

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

相關推薦：

小程式中生命週期的解析（附程式碼）

微信小程式實例：如何實作跑馬燈的動畫效果（附程式碼）

小程式實作自動載入的完整程式碼

以上是小程式與後台互動的實作（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！