小程序中如何動(dòng)態(tài)獲取列表對(duì)象信息

這篇文章將為大家詳細(xì)講解有關(guān)小程序中如何動(dòng)態(tài)獲取列表對(duì)象信息，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

先上效果圖展示：

本內(nèi)容主要介紹如何在列表中去動(dòng)態(tài)獲取對(duì)象詳情：
1.先展示列表內(nèi)容：
列表內(nèi)容仍然是通過(guò)數(shù)據(jù)綁定和聊表渲染來(lái)實(shí)現(xiàn)，wx:for的一系列參數(shù)設(shè)置。

<block wx:for="{{personList}}" wx:key="" wx:for-item="item">
  <view class="nav_right_items" bindtap='goDetail' data-index="{{index}}" data-id="{{item.pf_id}}">
    <!--界面跳轉(zhuǎn) -->
    <image src="{{personImg}}"></image>
    <text>{{item.pf_name}}</text>
    <!-- <text>{{item.pf_id}}</text> -->
  </view>
</block>

跳轉(zhuǎn)函數(shù)方法goDetail，跳轉(zhuǎn)過(guò)去的對(duì)象ID就是item.pf_id，點(diǎn)擊對(duì)象就是index。
當(dāng)然這個(gè)也可以設(shè)置為navigator跳轉(zhuǎn)，區(qū)別是navigator是在鏈接內(nèi)加上參數(shù)組合傳遞給頁(yè)面，這樣適用于寫(xiě)死的內(nèi)容。
2.鑒于是動(dòng)態(tài)獲取，自然要請(qǐng)求后臺(tái)數(shù)據(jù)：

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"
   })
 },

這里邊將列表對(duì)象id存儲(chǔ)為緩存數(shù)據(jù)，發(fā)送給下一個(gè)頁(yè)面來(lái)獲取。一定要通過(guò)打印 console.log("++++++",ev,that)。來(lái)測(cè)試數(shù)據(jù)是否獲取到是否存儲(chǔ)到。
在對(duì)象詳情頁(yè)可以這樣展示：

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("員工數(shù)據(jù)", 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() {}
});

通過(guò)點(diǎn)擊時(shí)傳遞的參數(shù)ID來(lái)發(fā)送請(qǐng)求信息，到服務(wù)器獲取到對(duì)象的所有信息后存儲(chǔ)下來(lái)拿到前端頁(yè)面，展示對(duì)應(yīng)的。根據(jù)后臺(tái)人員設(shè)置的字段來(lái)傳遞對(duì)應(yīng)字段參數(shù)。
最終就能拿到對(duì)象的動(dòng)態(tài)信息。

關(guān)于“小程序中如何動(dòng)態(tài)獲取列表對(duì)象信息”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。