微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例

it2022-05-05  152

注:本 demo 使用的豆瓣的API,如果无效请使用其他API

本文实例讲述了微信小程序使用wx.request请求服务器json数据并渲染到页面操作。分享给大家供大家参考,具体如下:

index.wxml

<view><button type='primary' bindtap='send'>请求数据</button></view> <view wx:for="{{list}}" wx:key="list"> <view><image src='{{item.image}}'></image></view> </view>

index.js

Page({ data: { }, //请求数据 send: function () { var that = this wx.request({ url: 'https://douban.uieee.com/v2/movie/subject/1764796', header: { 'Content-Type': 'application/xml', //这种方式可以 // 'Content-Type': 'json' //这种方式也可以 }, success: function (res) { // console.log(res.data) console.log(res.data) that.setData({ list: res.data.photos, //res代表success函数的事件对,data是固定的,list是数组 }) } }) }, })

 


最新回复(0)