微信小程序ajax请求数据以及用template遍历数据简单实例

最新推荐文章于 2025-03-17 17:58:34 发布

置顶

qq_36294683

最新推荐文章于 2025-03-17 17:58:34 发布

阅读量2.6k

点赞数

分类专栏：微信小程序文章标签：微信小程序 ajax template

本文链接：https://blog.youkuaiyun.com/qq_36294683/article/details/79442799

版权

这篇博客通过实例讲解了如何在微信小程序中使用wx.request获取数据，并结合template进行数据遍历显示。首先在index.js文件中发起ajax请求，然后创建一个模板用于数据展示，接着在index.wxml引用该模板。在模板文件中直接调用请求到的数据，通过调整wxss样式完成布局。在处理多层遍历图片时，博主提出了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.wx.request请求数据

index.js文件

  onLoad: function () {
    var that = this;
    wx.request({
      url: 'https://route.showapi.com/90-87?######=f1161d6416e74e1b821485dd8554ef6b&tid=###',//要遍历的url，http没有数据的话用https
      error: function (XmlHttpRequest, textStatus, errorThrown) {
        alert("操作失败!");
      },
      success: function (result) {
        var postList = result.data.showapi_res_body.pagebean.contentlist;
        console.log(postList);
        that.setData({ indexDate: postList });
      }

    })
}

打印的数据如下：