Rumah >applet WeChat >Pembangunan program mini >小程序实现与后台数据交互模板分析,简单上手

小程序实现与后台数据交互模板分析,简单上手

php是最好的语言
php是最好的语言asal
2018-08-04 10:52:534437semak imbas

最近在做小程序,第一次上手,设计页面还比较容易,就是设计到与后台做交互的时候,我要崩溃了,看了官方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

1.png

这个地方要改成get,然后按照上面这个模板写就可以了

2、需要传一些值:后台用POST

1.png

然后,把模板改一下

call.request('对应后台的方法',{要传的值},this.success,this.fail)这里要把getData给成request,然后把值写在里面传给后台,同时,后台要有对应的接受的变量;

比如:1.png

我要把主题和类型和内容传到后台,同时还要知道是谁写的(用openid),那么对应的call就是:call.request('方法',{openid:要穿的openid,title:e.detail.value(获取input输入的值),type:同理,content:同理},this.success,this,fail),对应的后台,我用一个单独变量接收openid,其他的用一个对象去接收,这样就实现了小程序传值给后台;

小程序和后台交互就这样实现了,哎呀,终于把数据都接完了。

相关文章:

微信小程序wx.request实现后台数据交互功能分析

微信小程序实现与后台PHP交互

相关视频:

微信小程序事件交互-千锋教育微信小程序开发视频教程

Atas ialah kandungan terperinci 小程序实现与后台数据交互模板分析,简单上手. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn