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

时间:2023-03-08 15:46:58
微信小程序 带参调用后台接口  循环渲染页面 wx.request wx:for

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>