微信小程序 带参调用后台接口 循环渲染页面 wx.request wx:for

时间:2021-08-08 00:36:50

test.js 文件里的onLoad

function getarticles(p,order,mythis) {
  wx.request({
    url: 'https://ganggouo.cn/index.php/Home/getarticles',    //后台接口地址
    method: 'post',  //post请求
    data: {
      p: p,
      order: order,
    },
    header: {
      'content-type': 'application/x-www-form-urlencoded'
    },
    success: function (res) {
      mythis.setData({
        Articlelist: res.data
      });
    },
    fail: function (res) {
      console.log(res);
    }
  });
};

 

test.html 页面渲染

<view class='projectlist' >
  <view class='project'  wx:for="{{arrayProject}}"  wx:for-item="itemProjec" wx:key="id" data-datas="{{itemProjec}}" bindtap='projectDetail'>
      <view class='projectText'> {{itemProjec.gongchengmingcheng}} </view>
      <view class='projectleibie label'> {{arrayCategory[itemProjec.leixing].name}} </view>
      <view class='projectjiesuan label'> {{arraySchedule[itemProjec.jieduan].name}} </view>
      <view class='projectTime'> {{itemProjec.faburiqi}} </view>
  </view>
</view>