Implémentation de l'interaction entre le mini programme et le background (avec code)

Le contenu de cet article concerne la mise en œuvre de l'interaction entre le mini programme et le backend (avec le code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

J'ai travaillé récemment sur un petit programme. Lorsque je l'ai démarré pour la première fois, il était relativement facile de concevoir la page. Mais lorsqu'il s'agissait d'interagir avec l'arrière-plan, je me suis presque effondré. .Après avoir regardé l'API officielle, je n'arrive toujours pas à comprendre. Demandez aux seniors de l'entreprise d'avoir écrit le modèle directement pour moi, jetons un coup d'œil :

/引入代码
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("失败")
  },
})

L'interaction entre le front et le backend est comme ceci :

1. À condition qu'aucune valeur ne soit requise : backend La méthode utilise GET

Cet endroit doit être modifié pour obtenir , et ensuite il peut être écrit selon le modèle ci-dessus

2 Certaines valeurs doivent être transmises : utilisées en arrière-plan POST

Ensuite. , changez le modèle

call.request('corresponding to the background method', {value to be passé}, this.success, this.fail) Ici, vous devez donner getData comme requête, puis écrire la valeur qu'il contient et la transmettre au backend. En même temps, le backend doit avoir les variables acceptées correspondantes

Par exemple : Je veux mettre le thème et le type et le contenu est transmis à ; le background, et en même temps, il faut aussi savoir qui l'a écrit (en utilisant openid), alors l'appel correspondant est : call.request('method', {openid : l'openid à porter, title : e.detail .value(get input value), tapez : Même raison, contenu : Même raison}, this.success, this, fail), dans le backend correspondant, j'utilise une variable séparée pour recevoir l'openid, et les autres utilisent un objet pour recevoir ça, donc ceci est réalisé L'applet transmet la valeur à l'arrière-plan

L'interaction entre l'applet et l'arrière-plan est réalisée de cette manière. Oups, j'ai enfin fini de recevoir toutes les données.

Recommandations associées :

Analyse du cycle de vie dans un mini programme (avec code)

Exemple de mini programme WeChat : comment implémenter le chapiteau Effet d'animation (avec code)

Code complet pour le chargement automatique du mini programme

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!