在onLoad函数下添加
wx.request({
url: 'http://... '
})
比想象的简单很多有没有
接下来在控制台打印一下,看看服务器返回的数据的详情。
wx.request({
url: 'http://... '
suceess(res){
console.log(res)
}
})
res参数这个参数请不要慌张,就是由服务器传回来的所有的数据
接下来需要进行数据绑定,这里可能会出现this指代不明的情况,原因是上面又有一层succes函数。
对应的解决方法是使用箭头函数,箭头函数会使函数体里的this为箭头函数上一层函数的this,即 箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this Mdn_arrowfunc
wx.request({
url: app.gBaseUrl + 'in_theaters?start=0&count=3',
success:(res)=>{
console.log(res)
this.setData({
inTheaters:res.data.subjects
})
}
})
在data下
data: {
inTheaters:[]
},
这一步只是绑定到页面上,最终需要把数据传入组件进行显示,所以需要进一步数据绑定。
这个页面的组件有movie-list和内嵌于他的movie,需要把数据传进去。
步骤1:在js文件下先自定义属性
在components/movie-list/index.js下的Component下
properties: {
title: String,
movies: Array
},
components/movie/index.js下
properties: {
movie:Object
}
步骤2:在wxml下把属性的值传进去
movies.wxml
<movie-list title = "正在上映" movies="{{inTheaters}}" f-class="movie-list" />
<movie-list title="即将上映" movies="{{comingSoon}}" f-class="movie-list" />
<movie-list title="豆瓣TOP250" movies="{{top250}}" f-class="movie-list" />
可以看出 movies属性,titile属性都被赋值
movie-list组件的index.wxml
<view class="container f-class">
<view class = "title-container">
<text>{{title}}</text>
<text class="more-content">更多 ></text>
</view>
<view class="movie-container">
<block wx:for="{{movies}}" wx:key = "index">
<movie movie="{{item}}" />
</block>
</view>
</view>
这一步也同时通过item把数据传进了movie
最后一个movie的wxml直接对数据展示即可,不再传递到别的组件/页面。
<view class="container">
<image class="poster" src = "{{movie.images.large}}"></image>
<text class="title">{{movie.title}}</text>
<view class="rate-container">
<l-rate inActive-color="blue" active-color="yellow" disabled="{{true}}" size="22" score = "{{movie.rating.stars}}/10"/>
<text class="score">{{movie.rating.average}}</text>
</view>
</view>
asp连接sql 第一种写法: 复制代码 代码如下: MM_conn_STRING = "Driver={SQL Se...
实现用户登录并且输入错误三次后锁定该用户 我的测试环境,win7,python3.5.1 提...
内容详细标签: h1~h6标题标签 pre格式化文本 u下划线(underline) i斜体字(ita...
有时因为网络原因,比如公司 NAT,或其它啥的,需要使用代理。Docker 的代理配置...
前言:本博客只是因为我正在上计算机图形学这门课,为了方便复习所写,所以内容...
本文实例为大家分享了ajax实现验证码功能的具体代码,供大家参考,具体内容如下 ...
hello你好呀我是灰小猿一个超会写bug的程序猿。 一听到面向对象这个词大家肯定都...
前言 前段时间在本地写的一个WebSocket程序部署到服务器上时出错,通过一段时间...
如果数据库有特殊字符(换行符,转义符),会导致生成的csv无法正常导入。 val1,val...
最近使用React Hooks结合 zarm 组件库,基于js对象配置方式开发了大量的h5表单页...