.json里的数据渲染到小程序里代码

在小程序中，我们可以通过使用 `wx.request` 发送 HTTP 请求来获取 `.json` 文件中的数据，然后将这些数据渲染到小程序页面中。

以下是一个简单的例子：

1. 在小程序的 `.wxml` 文件中，使用 `wx:for` 循环遍历 `.json` 文件中的数据，并将其渲染到页面中：

<view wx:for="{{jsonData}}" wx:key="{{index}}">
  <text>{{item.name}}</text>
  <text>{{item.age}}</text>
  <text>{{item.gender}}</text>
</view>

2. 在小程序的 `.js` 文件中，使用 `wx.request` 发送 HTTP 请求并获取 `.json` 文件中的数据：

wx.request({
  url: 'https://example.com/data.json',
  success: res => {
    // 在请求成功后，将数据存储到页面的 data 中
    this.setData({
      jsonData: res.data
    })
  }
})

在上面的代码中，我们首先使用 `wx.request` 发送 HTTP 请求，获取 `.json` 文件中的数据。请求成功后，我们将数据存储到页面的 `data` 中，并使用 `wx:for` 循环遍历数据并将其渲染到页面中。

需要注意的是，小程序只能从 HTTPS 开头的域名中获取数据。因此，如果你的 `.json` 文件存储在 HTTP 开头的域名中，需要先将其转换为 HTTPS。