Exemple de code pour obtenir dynamiquement des informations sur un objet de liste dans un mini-programme

Ce que cet article vous apporte est un exemple de code pour obtenir dynamiquement des informations sur les objets de liste dans un mini-programme. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

D'abord les rendus  :

Ce contenu présente principalement comment obtenir dynamiquement les détails d'un objet dans une liste :
1. Affichez d'abord le contenu de la liste :
Le contenu de la liste est toujours implémenté via la liaison de données et le rendu de la table de discussion, une série de paramètres de wx:for set. en haut.

<block>
  <view>
    <!--界面跳转 -->
    <image></image>
    <text>{{item.pf_name}}</text>
    <!-- <text>{{item.pf_id}}</text> -->
  </view>
</block>

Méthode de fonction de sautgoDetail, l'ID de l'objet auquel accéder est item.pf_id et l'objet cliqué est index.
Bien sûr, cela peut également être défini comme un saut de navigateur. La différence est que le navigateur ajoute une combinaison de paramètres dans le lien et la transmet à la page, qui convient au contenu codé en dur.
2. Puisqu'il s'agit d'une acquisition dynamique, il est naturel de demander des données d'arrière-plan :

goDetail: function(ev) {
   var that = this;
   var e = ev.currentTarget.dataset.id;
   console.log("++++++",ev,that)
   wx.setStorageSync("people_id", e), wx.navigateTo({
     url: "../detail/detail"
   })
 },

Ici, l'objet liste id est stocké sous forme de données de cache et envoyé au page suivante pour acquisition. Assurez-vous d'imprimer via console.log("++++++",ev,that). Pour tester si les données sont obtenues ou stockées.
La page de détails de l'objet peut être affichée comme ceci :

require("../../utils/util.js"), getApp();
Page({
data: {
  name: "",
  sex: "",
  birthday: "",
  post: "",
  address: "",
  addtime: "",
  phone: "",
  identityCard: "",
  schools: "",
  pspecialty: "",
  diploma: "",
  workingState: "",
  entrytime: "",
  worktime: ""
},
onLoad: function(e) {
  var t = this,
    a = wx.getStorageSync("session_uid"),
    i = wx.getStorageSync("people_id");
  console.log("--------",i,e,a)
  wx.request({
    url: "https://xxxxxxxxxxxxx.com/wx/userinfo/",
    data: {
      pf_id: i,
      Cookie: a
    },
    method: "POST",
    header: {
      "Content-Type": "application/x-www-form-urlencoded"
    },
    success: function(e) {
      console.log("员工数据", e.data.data);
      var a = e.data.data;
      t.setData({
        name: a.pf_name,
        sex: a.pf_sex,
        birthday: a.pf_birthday,
        post: a.m_id_post,
        address: a.pf_address,
        addtime: a.pf_addtime,
        phone: a.pf_phone,
        identityCard: a.pf_identityCard,
        schools: a.pf_schools,
        diploma: a.m_id_diploma,
        pspecialty: a.pf_specialty,
        workingState: a.pf_workingState.state_name,
        entrytime: a.pf_entrytime,
        worktime: a.worktime
      })
    },
    fail: function(e) {}
  })
},
onReady: function() {},
onShareAppMessage: function() {}
});

Envoyer les informations de la demande via l'ID de paramètre transmis lors du clic, obtenir toutes les informations sur l'objet depuis le serveur, le stocker, l'obtenir à la page d'accueil et affichez le correspondant de. Les paramètres de champ correspondants sont transmis en fonction des champs définis par le personnel d'arrière-plan.
Enfin, vous pouvez obtenir les informations dynamiques de l'objet.

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!