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

php是最好的语言
發布: 2018-08-04 10:52:53
原創
4405 人瀏覽過

最近在做小程序,第一次上手,設計頁面還比較容易,就是設計到與後台做交互的時候,我要崩潰了,看了官方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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板