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